# Why are all my media queries crossed out except for the 448 breakpoint?

**URL:** <https://forum.pinegrow.com/t/why-are-all-my-media-queries-crossed-out-except-for-the-448-breakpoint/9036>\
**Category:** Beginners\
**Created:** [July 23, 2024, 11:07pm UTC](https://forum.pinegrow.com/t/why-are-all-my-media-queries-crossed-out-except-for-the-448-breakpoint/9036 "2024-07-23T23:07:38Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![spiralof5](https://avatars.discourse-cdn.com/v4/letter/s/bc8723/32.png) [@spiralof5](https://forum.pinegrow.com/u/spiralof5)\
**Post date:** [July 23, 2024, 11:07pm UTC](https://forum.pinegrow.com/t/why-are-all-my-media-queries-crossed-out-except-for-the-448-breakpoint/9036/1 "2024-07-23T23:07:38Z")

</div>

I mainly copied my landing page which works as far as code is concerned and I did not bother using most of the user interface.

I don’t understand why other sizes only take information from my 448 media query and that the media queries are crossed out in the panel?

 ![Screenshot 2024-07-23 184552](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/1/1f4c9ca6f3ccf3ffab5ad19edd5823fbd9efc85a.jpeg)  
 ![Screenshot 2024-07-23 185752](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/a/a82e7ed9a6dc68ad260b2617f6b943115b73036f.png)

---

<div class="post-metadata">

**Author:** ![Cary](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/cary/32/6029_2.png) [@Cary](https://forum.pinegrow.com/u/Cary)\
**Post date:** [July 26, 2024, 12:50am UTC](https://forum.pinegrow.com/t/why-are-all-my-media-queries-crossed-out-except-for-the-448-breakpoint/9036/2 "2024-07-26T00:50:23Z")

</div>

Reverse the order of your rules so the smallest query is first.

The way it is, if you are on a large screen, the 448 query is always applicable and comes last so it overrides everything before it.

If you reverse the order, the larger sizes will override styling for 448 queries as intended.