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 Basics Getting Started with CSS Layout Using a Mobile First Approach

tony kim
tony kim
990 Points
Posted by tony kim
tony kim
990 Points

after i removed width: 70% and margin: 0 auto from .container and added it to @media

after i removed width: 70% and margin: 0 auto from .container and added it to @media my webpage layout on larger screen did not adjust like the video. All my content is on the edge of the browser now. Any ideas whats going on

3 Answers

Steve Davies
Steve Davies
10,389 Points
Steve Davies
Steve Davies
10,389 Points

Please put up your code so we can better help.

But in speculation. You may need to keep those css attributes on the div and perhaps others in the @media? It needs a starting point to work from.

Also - the parent div to what you are working may need a width too.

Marius Furnica
Marius Furnica
9,195 Points
Marius Furnica
Marius Furnica
9,195 Points

I had the same problem after I cut from container the properties and put them in @media ...

Marius Furnica
Marius Furnica
9,195 Points
Marius Furnica
Marius Furnica
9,195 Points

Oh done...I put .container: not .container