Full Screen Responsive Landing Page | HTML & CSS

This Tutorial Shows How To Create The Full Screen Responsive Landing Page For Website Using HTML And CSS With Media Queries.

---------------- Social Media ----------------

Thank You For Watching !

Music :
Song: Warrio - Mortals (feat. Laura Brehm) [NCS Release]
Music provided by NoCopyrightSounds.

[taskilmahmud]

dude the fonts u chose
just way too good
really unique and beautiful

[aminemakhlouf]

I love your videos, they're short and to the point, but please could you preview more often to see what a propriety is doing a that given moment..Thanks!

[ahmedjubair]

body {
margin: 0;
padding: 0;
width: 100%;
height: 100vh;
background: url("bg.jpg")
50% 50% no-repeat;
background-size: cover;
display: table;
}

.container {
margin-top: 370px;
}

h1 {
color: white;
font-family: "Baloo Tammudu 2";
font-weight: 300;
font-size: 500%;
text-transform: uppercase;
margin-bottom: 0;
text-align: center;
}

p {
color: white;
font-family: "Baloo Tammudu 2";
font-weight: lighter;
text-transform: uppercase;
letter-spacing: 15px;
font-size: 20px;
text-align: center;
margin-top: 10px;
}

@media (max-width: 768px) {
h1 {
font-size: 300%;
}

p {
font-size: 17px;
letter-spacing: 10px;
}
}