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

HTML Introduction to HTML and CSS (2016) Getting Familiar with HTML and CSS Building Web Pages with HTML and CSS

Bartlomiej Zabielski
PLUS
Bartlomiej Zabielski
Courses Plus Student 10,363 Points
Posted by Bartlomiej Zabielski
Bartlomiej Zabielski
Courses Plus Student 10,363 Points

Building Web Pages with HTML and CSS with Treasure Porth

I loaded Treasure Porth's page for the tutorial and noticed the browser will not get smaller than a certain width. When you select a side of browser and drag it towards opposite side it wont touch the other side of browser and the background image remains in its entirety.

I am looking at her css and I dont see anything that specifies min width just the background-size: cover;

my brain is pooped thinking about it s: EDIT: maybe its one of the divs ill check that

1 Answer

Kathryn Notson
Kathryn Notson
25,941 Points
Kathryn Notson
Kathryn Notson
25,941 Points

Bartlomiej Zabielski:

The background-size: cover; means the background will take up the entire width of whatever viewport you're viewing the page in, whether it's an iPhone or desktop. This also means that whatever the background is, it will scale responsively depending on the viewport width of the device you're viewing the page on.

I don't know if browsers will resize down to the point the 2 vertical sides of your window will touch each other. Viewports are dependent on device widths.