# Help with editing CSS grid for a small size

**URL:** <https://forum.pinegrow.com/t/help-with-editing-css-grid-for-a-small-size/4200>\
**Category:** Beginners\
**Created:** [June 2, 2020, 11:48pm UTC](https://forum.pinegrow.com/t/help-with-editing-css-grid-for-a-small-size/4200 "2020-06-02T23:48:36Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![TechAkayy](https://avatars.discourse-cdn.com/v4/letter/t/ce73a5/32.png) [@TechAkayy](https://forum.pinegrow.com/u/TechAkayy)\
**Post date:** [August 6, 2020, 10:17pm UTC](https://forum.pinegrow.com/t/help-with-editing-css-grid-for-a-small-size/4200/6 "2020-08-06T22:17:18Z")

</div>

I’m not sure what’s exactly the issue, but I faced similar ones. After a lot of analysis, realised that the media queries has to be in proper order. body grid without media on top, then the next size media query, then the next one… check my answer here - [Summer Nights Tutorial: Missing Grid](https://forum.pinegrow.com/t/summer-nights-tutorial-missing-grid/4414/9)

When you get the order wrong, then it might work different…

Another thing is check if you page view is in “fit” or “100%”… if it’s fit, then it will not break on smaller size, keep it 100%…

---

_[View the full topic](https://forum.pinegrow.com/t/help-with-editing-css-grid-for-a-small-size/4200)._