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 trialPreethi Rajan
499 PointsHow to set the ID wrapper in center of the page using the margin property.
The question in Challenge was to "Select the ID wrapper, set it to a max width of 940 pixels, and then center it on the page using the margin property". I had set the max-width : 940 px. But I don't know to set it in center of the page using margin property! Please help me! Thanks in advance!
a {
text-decoration : none;
}
#wrapper {
max-width: 940 px;
margin: 5%
}
4 Answers
jeremie singler
4,569 Pointsmax-width: 940px;
Without blank space
Emma Willmann
Treehouse Project ReviewerTo center it on the page, you need to use auto, like this:
#wrapper {
max-width: 940 px;
margin: 0 auto;
}
When using 2 units on the margin property, the first one affects the top and bottom margins, the second affects the left and right margins. So, if you want your top and bottom to be 5%, just change the 0.
Preethi Rajan
499 PointsBut I checked it. It doesn't work! It is showing an error like this "Check the max-width value in your CSS".
bryan somaroo
2,470 Pointsyou dont put a space between 940 and px
jeremie singler
4,569 PointsYou CAN add
margin: 0 auto;
Hope this Will help
Preethi Rajan
499 PointsThank you so much Jeremie! It worked! I think it is a silly error!!