<p></p>
<p>The problem is that you have the accessibility scaling settings turned up to the max, which is fine and dandy, but once you've run out of screen real estate, as in this example, things will break. Larger elements are actually larger.</p>
<p>Some of the breakage could probably be fixed (the layer selector doesn't scroll over its full height for example), but essentially you would need to completely redesign the  whole layout to get anything close to workable for example the buttons on the map display would have to be handled very different so that the remain accessible and so on.</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />You are receiving this because you are subscribed to this thread.<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/issues/2978#issuecomment-732145023">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLMAZZL2DXULVH3DMZTSRJLZLANCNFSM4T7MYCEA">unsubscribe</a>.<img src="https://github.com/notifications/beacon/AAK2OLOAIF3AXRMIUGJ6ZMTSRJLZLA5CNFSM4T7MYCEKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOFOR2K7Y.gif" height="1" width="1" alt="" /></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/issues/2978#issuecomment-732145023",
"url": "https://github.com/openstreetmap/openstreetmap-website/issues/2978#issuecomment-732145023",
"name": "View Issue"
},
"description": "View this Issue on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>