Major Junco.css breakpoints

Determining primary breakpoints in my CSS.

Top-down or bottom-up?

Today's thinking is mobile-up (min-width), but I've seen designers use the desktop-down approach (max-width).

Mobile-up is suppose to create simpler and easier to maintain CSS, but for some reason, desktop-down makes more sense to me.

And px or em? I've been using px in the media queries, but I've used em in many other places in the CSS, and em is suppose to work better in media queries with different zoom levels.

1. first, will try mobile-up with em.
2. may create .css version with desktop-down and px.

breakpoints

• 320 px
• 480 px
• 768 px
• 1024 px

#junco
#css
#design