display: grid; を使ってみる - Qiita

display: grid; floatという地雷原でばっちゃが死んじまっただ。 position: absolute; に margin: auto; という魔界探検で若い衆が何人も行方不明になったっぺ。 そんなおらが村にもついに display: flex; が来たっぺさ。 んじゃが都会っ子(Chrome57)のナウい最新流行は display: grid; だっぺさ。 とりあえず使ってみる <div class="grid-root"> <div class="grid11 dark01"> <div class="contents1 bright01"> ここはコンテンツ1です。<br /> 1行目かつ1列目なので<br /> 縦横400px<br /> コンテンツ自体は<br /> 50%なので200px </div> </div> <div class="grid22 dark