<p></p>
<blockquote>
<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>
</blockquote>
<p dir="auto">Is <em>not being based on screen size but being based on a container size</em> a compelling reason?</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-1195491251">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLNTDCY573JYHOEFCPTVV7SLTANCNFSM54SY7APA">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLMEDUU2L4QRKWYHXE3VV7SLTA5CNFSM54SY7APKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOI5A37MY.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/c1195491251</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-1195491251",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/3620#issuecomment-1195491251",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>