Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial


First Project - Full Screen Section

how can i make the sections display full screen?


Mitchell Springer
Mitchell Springer
2,576 Points

Could you be more specific in your question? When I look at your site, your sections fill the entire width of the screen.

4 Answers

Mitchell Springer
Mitchell Springer
2,576 Points

I'm guessing you want the height to be as large as a person's monitor? Then in your css file under each section put

height: 100vh;

You'll probably have to adjust some other elements on your website to make it look right though, as some of your sections don't really have a monitor's worth of elements in them.

Hi Mitchell, tnx for the attention!

i mean every section , like section class="header" class="maisarq" class="projetos"

it's displaying full width, but not full height for the sections

OK! Thanks! I'll try it and feedback later!

tnx mitchell, it worked! now i`m gonna adjust the dimensions of the elements