Creating Full Page Sections using HTML & CSS - Web Design Tutorial

It's super easy to create "full page" sections with the help of some HTML and CSS. These sections take up the entire width and height of the viewport (visible area of the browser window).

Support me on Patreon:

Follow me on Twitter @dcode!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

[manilarome]

Years later and still helpful as hell! Thank you so much!

[investaocontrario]

I searched a lot for tutorials explaining this and didn't found any till i watch this, Thank you so much bro!!

[lookatirina]

I spent an entire day looking for this solution. Thank you!! keep up the good work

[AbdulBasit-pqve]

This tutorial was really helpful. Trust me your channel is going to grow very fast. Keep posting good content like this.

[nagyszabolcs]

thank god I found this, quick, easy and understandable! thank you!

[meghan]

WOW! This tutorial is so hopeful. Thank you so much! I've been struggling for about a day now. You are such a life saver (:

[davimartins]

Hi man, im from Brazil and your video help me a lot, thanks dude. Keep making videos like that

[hamzahahmad]

Highly underrated channel. Keep up the good work mate, I hope you soon get the views and subs you deserve.

[nikhilkumarswain]

you can also set margin : 0 ; padding : 0; and box-sizing : border-box; in the body so that you dont have to set it in different individual elements .

[neilseiffer]

What is the code to apply an image designed background for a single full page?

[occupiedas]

I am searching this for almost a week! i am new to html and css! Thank youuuu <3

[lifetimegaming]

Thank you thank you thx I am finding a tuotorial on section. Thanks for making it your new subscriber

[_b]

hey thank you for the tutorial, can we assign the scrolling down to a button so that if i click it it'll take me to the next section??

[Oshanii]

If anyone runs into the same problem: I had a lot of text in my sections and on smaller screens, the text was overflowing into the next section. Setting `min-height: 100vh` instead of `height` fixed the issue.

[deadshotxi]

First time in life i saw how vs code look like in white 😵😵😵😅

[vijayva]

Great Great, I learn section from GREAT person, Thank you and GOD BLESS

[tierrasMusic]

What happens when you want to use multiple sections with different backgrounds?

[sagroup]

very helpful now i can finally rest thanks :)

[Kevinproducciones]

Hello thanks for your tutorial, I would like to know how to make the section responsive, because my section in mobile is too long!

[billz]

Thanks man, love the tip on the class. Makes things so much easier