Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

First Project - Full Screen Section

how can i make the sections display full screen?

http://www.empres.arq.br

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