Web制作において悩みの種の一つが、IE11のサポートです。 main要素に垂直方向のmargin, paddingが効かない、CSS Grid、変数、@supportsなど、IE11が足かせになって使用に躊躇している人も少なくないと思います。 IE11のサポート終了までのカウントダウンが始まりました。 IE11のサポート終了までのカウントダウン IE11は、Windows10にインストールされて出荷されていたため、サポート期間もWindows10のライフサイクルと同じです。 IE11がサポートしていない機能でも、対応策はあります。IE11をサポートするから使用しない、というのはあまり理由にはならないですね。 main要素に垂直方向のmargin, paddingが効かない main要素がinline要素として扱われているため、display: block;を定義する。 CSS Gridの
![いよいよ?まだまだ?IE11のサポート終了までのカウントダウンが始まる](https://cdn-ak-scissors.b.st-hatena.com/image/square/b5458dc753ae0ab952b3c5878733ac8fffb6f803/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201904%2F2019102001-01.png)