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

[Andy Allan]

gravitystorm created an issue (openstreetmap/openstreetmap-website#6739)

We're currently using `media-breakpoint-down` for a couple of things in our stylesheets. 

However, this can be confusing. Most breakpoint-aware features in bootstrap are designed to refer to "this breakpoint and up" e.g. `col-md-6`, `flex-md-row`, `pb-md-3` etc. This is part of the "mobile-first" design philosophy - the "base case" is for narrow screens, and then you adjust the base case for wider screens.

`media-breakpoint-down(md)` inverts this logic, so that the base case styling applies to wide screens, and the adjustment is for narrow screens.

It would be good to refactor these style rules to use `media-breakpoint-up(md)` instead.

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

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