from <a href="/en/Regroup%20v2%20Description">Regroup v2 Description</a>
Menu icons stick out on narrow screens such as iPhone
<ul>
<li><img src="https://gyazo.com/75da1e99b5128ffc320d7eb1bfd6cd94/thumb/1000" alt="image"><ul>
<li>Menu icons are sticking out</li>
<li>TODO: Include code to make icons smaller when width is small!</li>
</ul>
</li>
</ul>
cause
<ul>
<li>Because the spacers between the buttons were a fixed length to fit the iPad<ul>
<li><a href="/en/Using%20Conditional%20Branches%2C%20Variables%2C%20and%20Calculations%20with%20CSS">Using Conditional Branches, Variables, and Calculations with CSS</a></li>
</ul>
</li>
<li>It might be too wide on iPad or PC, maybe specifying max-width would help?<ul>
<li>But I&#39;m sure they&#39;ll eventually add more buttons or something, so not now.</li>
</ul>
</li>
</ul>
<a href="/en/pRegroup-done-2019">pRegroup-done-2019</a>
<hr>
This page is auto-translated from <a href="https://scrapbox.io/nishio/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%81%8CiPhone%E3%81%AA%E3%81%A9%E3%81%AE%E7%8B%AD%E3%81%84%E7%94%BB%E9%9D%A2%E3%81%A7%E3%81%AF%E3%81%BF%E5%87%BA%E3%81%99">/nishio/メニューアイコンがiPhoneなどの狭い画面ではみ出す</a> using DeepL. If you looks something interesting but the auto-translated English is not good enough to understand it, feel free to let me know at <a href="https://twitter.com/nishio_en">@nishio_en</a>. I&#39;m very happy to spread my thought to non-Japanese readers.