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 How to Make a Website Responsive Web Design and Testing Adjust the Profile Page and Header

changes don't appear on port page and #logo throws everything off on others

when i make the css changes for the logo the header stops stretching across the page. the changes that i make to the navigation also don't show up on the port page.

  1. are you saving the workspace? 2.could you link a snapshot of your workspace, by clicking the snapshot button in the top right and pasting the link of it into here, i will take a look :)

I fixed the port page problem. i forgot the style sheet for the responsive on that. i am saving it each time but still can't figure it out. here is the link to my workspace.
https://w.trhou.se/a1s2o8kajc.

3 Answers

add to the bottom of your main.css this

body { min-width: 100%; margin: 0; }

header { display: block; min-width: 100%; margin-left: 0; padding-left: 20px; }

logo {

width: 100%; }

then go into your responsive css and find #logo in the media query for 660px and remove the margin-left of 5%, it now displays in google chrome perfectly fine :) hope this helped, if it did rate my comment best answer please

Awesome, that worked!!

No worries :)