[openstreetmap/openstreetmap-website] Use media-breakpoint-up instead of media-breakpoint-down (Issue #6739)

[Anshul Zilpe]

aNsHuL5217 left a comment (openstreetmap/openstreetmap-website#6739)

I've analyzed the current usage of `media-breakpoint-down` in `app/assets/stylesheets/common.scss`.To align with the mobile-first design philosophy, I suggest refactoring the logic as follows:

* **Base Case (Mobile):** Move the styles currently inside `media-breakpoint-down(md)` to the base level so they apply to narrow screens by default.
* **Adjustments (Desktop):** Use `@include media-breakpoint-up(md)` to define rules for wider screens, restoring the current desktop layout.
* **Consistency:** This ensures that "base case" styling applies to narrow screens, and adjustments are made for wider screens as intended by the Bootstrap framework.

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/issues/6739#issuecomment-3806497767
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/issues/6739/3806497767 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20260127/e27c6704/attachment.htm>