# Media Queries and Responsiveness in Pinegrow **URL:** \ **Category:** Tutorials\ **Created:** [November 13, 2020, 10:30am UTC](https://forum.pinegrow.com/t/media-queries-and-responsiveness-in-pinegrow/4675 "2020-11-13T10:30:44Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\ **Post date:** [November 13, 2020, 10:30am UTC](https://forum.pinegrow.com/t/media-queries-and-responsiveness-in-pinegrow/4675/1 "2020-11-13T10:30:44Z")
Hi All, Feel free to ask questions here about the newsletter tutorial: [Media queries and responsiveness in Pinegrow](https://pinegrow.com/tutorials/using-media-queries-and-css-functions-to-create-a-responsive-design-in-pinegrow/). Cheers! Bob ---
**Author:** ![droidgoo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/droidgoo/32/2209_2.png) [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\ **Post date:** [November 13, 2020, 4:45pm UTC](https://forum.pinegrow.com/t/media-queries-and-responsiveness-in-pinegrow/4675/2 "2020-11-13T16:45:34Z")
nice! helpful intro to a number of responsive toptics using font-size, em, calc, viewport and how the rule creation widget of PG works with media queries (too often overlooked,at least by me). now thinking of revamping my website using this approach and em’s not sure the part about bubbles added much, in fact it kind of breaks the learning flow. ---
**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\ **Post date:** [November 13, 2020, 6:30pm UTC](https://forum.pinegrow.com/t/media-queries-and-responsiveness-in-pinegrow/4675/3 "2020-11-13T18:30:15Z")
Sorry you didn’t like the bubbles. I was just trying to underline the fact that many of the things we put on the page can be made responsive from the start without having to do endless CSS revamps. ---
**Author:** ![droidgoo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/droidgoo/32/2209_2.png) [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\ **Post date:** [November 13, 2020, 7:11pm UTC](https://forum.pinegrow.com/t/media-queries-and-responsiveness-in-pinegrow/4675/4 "2020-11-13T19:11:08Z")
maybe would work better at the end… i just kept thinking make them a background image 🙂 ---
**Author:** ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\ **Post date:** [November 14, 2020, 3:19pm UTC](https://forum.pinegrow.com/t/media-queries-and-responsiveness-in-pinegrow/4675/5 "2020-11-14T15:19:28Z")
Thanks for the documentations. Would also be good to have a doc or a vid on how to work with media queries and the css grid. Cheers ---
**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\ **Post date:** [November 14, 2020, 4:02pm UTC](https://forum.pinegrow.com/t/media-queries-and-responsiveness-in-pinegrow/4675/6 "2020-11-14T16:02:34Z")
Good idea! I need to brush-up on using grid inside Pinegrow first. Whee! ---
**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\ **Post date:** [November 15, 2020, 2:43pm UTC](https://forum.pinegrow.com/t/media-queries-and-responsiveness-in-pinegrow/4675/7 "2020-11-15T14:43:11Z")
Just soliciting opinions. Should I do a small write-up to better explain ‘em’ vs ‘rem’ vs ‘px’ and why I selected ‘em’ for the tutorial? Question comes from a comment on the video. ---
**Author:** ![droidgoo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/droidgoo/32/2209_2.png) [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\ **Post date:** [November 15, 2020, 4:51pm UTC](https://forum.pinegrow.com/t/media-queries-and-responsiveness-in-pinegrow/4675/8 "2020-11-15T16:51:53Z")
ur just procrastinating doing that CSS grid tutorial, aren’t you? i learned a lot from your digging into the components feature, and i’m sure the same will be true of the grid one. ---
**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\ **Post date:** [November 15, 2020, 7:11pm UTC](https://forum.pinegrow.com/t/media-queries-and-responsiveness-in-pinegrow/4675/9 "2020-11-15T19:11:11Z")
“Never put off until tomorrow what can just as well be put off until the day after that.” Or something like that. 😜