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

CSS CSS Layout Box Model Concepts Viewport Units

Jakov Marsic
Jakov Marsic
3,961 Points
Posted by Jakov Marsic
Jakov Marsic
3,961 Points

At the end of the video Anwar states how there is an issue with some content overlapping with other content

On my page though there is no difference if I write min-height: 100vh; or just height: 100vh; The content looks just fine with both options Why is that? My screen is 2560x1440 if it matters

thanks!

1 Answer

Steven Parker
Steven Parker
231,248 Points
Steven Parker
Steven Parker
231,248 Points

Unless the section contains more content than can be displayed with the given setting, there will be no obvious difference between height and min-height.

Since 1440 pixels is a pretty generous amount of space, it's quite likely you won't see any overlap either way. But using min-height is a better setting choice because it will accommodate viewers using devices with smaller screen sizes.