# @media button to the PG edit screen **URL:** \ **Category:** Feature Request\ **Created:** [June 4, 2020, 3:56am UTC](https://forum.pinegrow.com/t/media-button-to-the-pg-edit-screen/4206 "2020-06-04T03:56:56Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![randyrie](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/randyrie/32/2103_2.png) [@randyrie](https://forum.pinegrow.com/u/randyrie)\ **Post date:** [June 4, 2020, 3:56am UTC](https://forum.pinegrow.com/t/media-button-to-the-pg-edit-screen/4206/1 "2020-06-04T03:56:56Z")
I’d like to request that the PG developers put a “Add Media Query” button next to the brush that places the appropriate CSS code in the site’s style sheet to create a media query. Then when the corresponding brush is selected, only that media query’s CSS code block is affected/modified. See my attachment: ![Screen Shot 2020-06-03 at 11.54.16 PM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/6c672c9603661e012e985aeb7f1381c6c46e4c86.jpeg) Possible? Probable? Do-Able? ---
**Author:** ![Pinegrow\_User](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pinegrow_user/32/4919_2.png) [@Pinegrow\_User](https://forum.pinegrow.com/u/Pinegrow_User)\ **Post date:** [June 4, 2020, 3:12pm UTC](https://forum.pinegrow.com/t/media-button-to-the-pg-edit-screen/4206/2 "2020-06-04T15:12:00Z")
Original Reference - with further discussion: > [@Select active view for CSS editing](https://forum.pinegrow.com/t/select-active-view-for-css-editing/4198): > > I probably got this all wrong, but I thought selecting the little brush “Active View for CSS Editing” meant that any CSS additions, alterations, or deletions would affect ONLY that device size (@media) and not affect any of the other sizes unless the brush was de-selected. But seemingly this is not the case… or is it and I’m doing something wrong? [ActiveView|678x196](https://forum.pinegrow.com/uploads/short-url/lnMthYeapE1zBqLzh3uoXQ3z8aI.jpeg)