Streaming live at 10am (PST)

Do you use ems or pixels for your media query breakpoints?


#1

I just read about using ems instead of pixels for media query breakpoints and the idea seems very solid. Just wanted to know if webflow uses ems or pixels for media queries, and if you use pixels, you should consider using ems instead smile

Richard Nash
Los Angeles, CA


#2

We currently use Pixels. You can learn more here: http://getbootstrap.com/css/#grid

We have some major improvements to our grid system on our roadmap and EMS might be part of it, but no promises.


#3

I see, you are using bootstrap. Hopefully you are considering using your own custom framework in the future. Anyway, here is the article I read about using ems instead pixels, which might be relatively easy to implement. The logic of the argument makes much sense to me smile

http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/

Brad frost wrote a nice little about media queries using this techniques as well:

http://bradfrostweb.com/blog/post/7-habits-of-highly-effective-media-queries/

Cheers,

Richard Nash
Los Angeles, CA


#4

Have you been spying on us? wink


#5

ummmmmmmm... i plead the 5th smile

Also... this guy:

http://bradfrostweb.com

such a boss, thinking boos thoughts, making boss moves. been going through his thoughts on his blog the last few days. His ideas and work are really worth a look. The whole using ems for media queries is just scratching the surface smile

Hope you get some benefit out of his razor sharp insights...

Cheers,

Richard Nash
Los Angeles, CA


#6