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

Posted by Ségolène Riquier
Ségolène Riquier
7,714 Points

CSS : container, browser width, margin

Challenge is : Set the wrapper's width to 80% of the browser width. Then use margins to center the wrapper in the browser.

My code: .container{ width : 80%; margin : auto; }

and the error : Bummer! Did you set the wrapper's width to 80% of the browser width?

1 Answer

Niki Molnar
Niki Molnar
25,698 Points
Niki Molnar
Niki Molnar
25,698 Points

By rights it should be:

.container {
    width: 80%;
    margin: 0 auto;
}

but I have seen that just auto works. Try it with the 0 auto and if that doesn’t work, double check your spelling and spacings.

Niki Molnar
Niki Molnar
25,698 Points
Niki Molnar
Niki Molnar
25,698 Points

I just tried the exercise and the 0 auto does work.

gaurav bhardwaj
gaurav bhardwaj
Courses Plus Student 1,381 Points

check this

.container { width: 80%; margin: auto; }