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

Rebecca Prescott
Rebecca Prescott
514 Points

Header in How To Make a Website portfolio

I have replicated the code exactly, and the header in How To Make A Website doesn't fill my (wide) laptop screen. I thought this was supposed to be responsive to all screen widths? This was true on both chrome and edge. Does the supplied normalise.css file not work properly (in removing defaults) with new browsers? If I apply a colour to the body it reaches the full screen space.

Rebecca Prescott
Rebecca Prescott
514 Points

Never mind, I was just checking the code again and I see we set a max-width for the div wrapper surrounding the header and the sections. It is misleading the way the site is described though, as it is not truly responsive (to all screen widths), and my laptop is a common width.

Botos Claudia
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Botos Claudia
Front End Web Development Techdegree Graduate 18,765 Points

It would be helpful if you could send a snippet from your code, both HTML and CSS, there has to be a little mistake somewhere, maybe you forgot a comma or you spelled wrong a class or id

Rebecca Prescott
Rebecca Prescott
514 Points

Never mind, I see after checking the code we added a max width to the div wrapper. Bit of a misleading way of describing the site as it is not responsive to a very common laptop width.

Rebecca Prescott
Rebecca Prescott
514 Points

Sorry, my comment posted twice. Connection malfunction I think.

2 Answers