[HELP] Background responsive page buatan ane

Beranda
Komunitas
Tech
Website, Webmaster, Webdeveloper
[HELP] Background responsive page buatan ane

autis++idiott

19-10-2015 16:53

Halo gan. Jadi gini, ane lg berusaha buat web page responsive dengan desainnya mirip2 kaya
http://www.go-jek.com/

atau

https://www.googleforentrepreneurs.com/

Tapi rencananya sih ga sekompleks itu. Jadi ga ada konten-konten lain selain navigation. Btw ini screenshot web ane:

Spoiler for web:

[HELP] Background responsive page buatan ane

codenya kaya gini:

Spoiler for code:

Code:

<!DOCTYPE html>

<html>

<header>

<title>Welcome, Strangers...!</title>



<style>



body {

 font-family: arial;

}



header {

 background: 

 linear-gradient(

 rgba(0, 0, 0, 0.1),

 rgba(0, 0, 0, 0.1)

 ),

 url(../frontend/jakarta.jpg);

 background-size: cover;

 height: 100vh;

}







.title {

 position: absolute;

 top: 50%;

 left: 50%;

 transform: translate(-50%, -50%);

 color: white;

 text-align: center;

}





h1 {

 margin: 0;

 font-size: 3rem;

 white-space: nowrap;

 position: center;

 background: rgba(0, 0, 0, 0.5);

 padding: 4px 8px;

 color: white;

 margin: 0;

}



h2 {

 font-size: 2rem;

 possition: center;

}

p {

 margin: 0;

 font-size: 1.3rem;

 position: center;

}



main {

 max-width: 500px;

 margin: 20px auto;

}





</style>

 <div class="title">

 <h1>Hi, there...</h1>

 <p>This is my first website. Scroll for more!</p>

 </div>

</header>



<main>

 <h2>About Me</h2>

 <p>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text</p>

</main>

</html>

Nah, permasalahannya gambar backgroundnya ga bener2 full page gan, jadi masih keliatan space putih gitu di pojok kanan-kiri dan atasnya. kalo boleh tau perlu ditambahin apa ya supaya background image tsb bisa full page?
Terima kasih gan

932

Kutip

Balasan

Komentar yang asik ya

Urutan

Terbaru

Terlama

Komentar yang asik ya

Komunitas Pilihan