<p></p>
<p dir="auto">I'm not going to argue the merits of one grid system against another - I'm not an expert in either! I'll note that bootstrap 5 has experimental support for CSS grids, that's disabled by default. Maybe that will become default in the future or we'll switch to it or something, I have no idea.</p>
<p dir="auto">What I will say though is that we've spent a lot of time and effort getting rid of lots of our old custom CSS and using bootstrap instead. This brings unification to our style (e.g. no longer having arbitrary pixels everywhere), opens up the possibilities for easier customisation, and gives us free updates - the effort that goes into bootstrap far exceeds any effort we can put in to maintaining our own custom CSS, and the number of people familiar with bootstrap is far greater than the number of people familiar with our custom CSS.</p>
<p dir="auto">I'm happy to still use custom CSS where it's necessary, but I really want to avoid it where there's an alternative.</p>
<p dir="auto">In this case, we already have "grids of things that rearrange themselves based on screen size" elsewhere on the site, so it needs some pretty compelling reason to have this particular "grid of things" implemented entirely differently than the others.</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3620#issuecomment-1195487268">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLJUL5MQGOWPCS5UNKDVV7R7PANCNFSM54SY7APA">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLJDWCM4IF5XKGS3PITVV7R7PA5CNFSM54SY7APKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOI5A3AJA.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/3620/c1195487268</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/3620#issuecomment-1195487268",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/3620#issuecomment-1195487268",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>