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 Carlos Diaz
Carlos Diaz
Courses Plus Student 9,006 Points

Help with responsive design :(

HI guys I hope you all are doing great.

Listen, I was doing some research because I need some specific media queries breakpoints to use in foundation and I don't get it yet :(

for example.

I want to display some divs in one way only for320W - 480H but the same divs have different attributes for only 360W - 640H and only 480W - 800H

Any idea how I can approach this. Thanks a lot guys. Look froward to hear back from you.

2 Answers

benwoodruff
benwoodruff
3,204 Points
benwoodruff
benwoodruff
3,204 Points

I would think you could do something like this:

@media screen and (max-width = 320px){ "div styles go here " } @media screen and (max-width = 360px){ "div styles go here " } @media screen and (max-width = 480px){ "div styles go here " }

Carlos Diaz
PLUS
Carlos Diaz
Courses Plus Student 9,006 Points
Carlos Diaz
Carlos Diaz
Courses Plus Student 9,006 Points

Hey Ben, Thanks.. Let me give it a try. I'll tel you know. Have a nice one.