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/[email protected]>
_______________________________________________
rails-dev mailing list
[email protected]
https://lists.openstreetmap.org/listinfo/rails-dev
