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
John Levy
1,451 PointsHow to use wrappers the right way
I am having trouble using wrappers. I have three testimonials and want to put them in a wrapper so when I make the page responsive as the page gets smaller I can reduce the wrapper. What am I doing wrong. This page is causing me a lot of trouble with trying to change the dimensions of the boxes when trying to make the page responsive. Am I making the code more complicated or to simple that it should be? I have attached my code below- http://codepen.io/Johned22/pen/vKzAyd Thanks in advance
2 Answers
Charlotte Neese
1,823 PointsWouldn't you want to use a media query? and then when you write out the max-width you can create different dimensions for each common screen size... Then you can change the width of your content, make it take up 90% of its area, take out your float which is usually best for small screens and so on... Then you can keep your code for desktop and tablet sizes. @media (max-width: 480px) { .wrapper { example: example } }
---I'm new at this
John Levy
1,451 PointsYes I have been using media query's. I am just trying to practice using wrappers and was thinking this may be good practice for that.