autoprefixer で display: grid が IE で崩れる

webpack の autoprefixer を使っていて、grid レイアウトが IE で潰れてしまい崩れが発生。IE への対応はされているはずなのでコンパイル後のコードを見てみると、 -ms-grid-rows: 20px 1fr; -ms-grid-columns:…

Webpack 4 + Babel + Sass 環境を構築

webpack 4 で sass と Javascript のコンパイルをする方法のまとめです。webpack は js ファイル一つに全てをまとめて、css ファイルの link タグも js 生成することが多いのかもしれませんが、読み込まれるまで一…

CSS で上下/左右の中央寄せする方法

下記の HTML の構造で.child要素を中央に寄せます。 <div class="parent"> <div class="child"> ... 画像やテキストなど ... </div> </div> display flex 最も安定している…