<p>Reworked it as <a href="https://github.com/openstreetmap/openstreetmap-website/commit/4dceacdeba42039a61f9bc9f56293f5652620e5b" class="commit-link"><tt>4dceacd</tt></a> along the lines I mentioned so both transitions are now dynamic.</p>

<p>We may want to do something more sophisticated for the switch to small mode though as the idea there was to always use that mode on phone size devizes, though that was always hard due to modern phones having very high resolutions but physical device size media queries not actually being implemented anywhere...</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br>Reply to this email directly or <a href="https://github.com/openstreetmap/openstreetmap-website/issues/1014#issuecomment-123877969">view it on GitHub</a>.<img alt="" height="1" src="https://github.com/notifications/beacon/ABWnLYR1iAVj-7JopHcFeRRGyajAQcGVks5ogAiMgaJpZM4Fdljg.gif" width="1" /></p>
<div itemscope itemtype="http://schema.org/EmailMessage">
  <div itemprop="action" itemscope itemtype="http://schema.org/ViewAction">
    <link itemprop="url" href="https://github.com/openstreetmap/openstreetmap-website/issues/1014#issuecomment-123877969"></link>
    <meta itemprop="name" content="View Issue"></meta>
  </div>
  <meta itemprop="description" content="View this Issue on GitHub"></meta>
</div>