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).
In this video I take you through the process of implementing this effect. For your reference, the effect is seen on the DuckDuckGo website (http://www.duckduckgo.com) as of July 2018.
Support me on Patreon:
https://www.patreon.com/dcode – with enough funding I plan to develop a website of some sort with a new developer experience!
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!
source
Really helpfull. Thanks
Such an easy, through guide. This was EXACTLY what I was looking. Instant subscription.
Hi man,im from Brazil and your video help me a lot,thanks dude. Keep making videos like that
Thanks bro
very helpful now i can finally rest thanks 🙂
Great Great, I learn section from GREAT person, Thank you and GOD BLESS YOU…………
it finally workssssssssssssss
bro tysm!!!
thank you
I am searching this for almost a week! i am new to html and css! Thank youuuu <3
Thank you thank you thx I am finding a tuotorial on section. Thanks for making it your new subscriber
i still am not able to add 1 section below Another
thank u 🙏💗
Really liked this tutorial thank you
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??
Hello thanks for your tutorial, I would like to know how to make the section responsive, because my section in mobile is too long!
I spent an entire day looking for this solution. Thank you!! keep up the good work
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 .
Thx Dude ! 🙂
What happens when you want to use multiple sections with different backgrounds?
Thanks man, love the tip on the class. Makes things so much easier
Why does mine not go fully to the edge? Padding and margin on both section and p tags is 0
Highly underrated channel. Keep up the good work mate, I hope you soon get the views and subs you deserve.
First time in life i saw how vs code look like in white 😵😵😵😅
I searched a lot for tutorials explaining this and didn't found any till i watch this, Thank you so much bro!!
thank god I found this, quick, easy and understandable! thank you!
light theme… Oh my
Can i make a suggestion for a video? I am really struggling understang BEM css, can you do a video on it please?
Hi Dom.
I need your help:
I created a function in javascript :
function ConfirmDelete(id) {
var btn = document.getElementById('deleteButton');
if(btn.click){
do something with id
}
else {
do something else
}
}
what I want is, when a user clicks on the button with id(deleteButton) execute some code using if condition..
how to do that..
Please help me Dom… (best frondend teacher)
This tutorial was really helpful. Trust me your channel is going to grow very fast. Keep posting good content like this.