Common Responsive Layouts with CSS Grid (and some without!)

CSS grid is now supported in Samsung internet v6.2 and many other modern browsers and has been the answer to many a prayer of web developers everywhere. In the same way that flexbox gave us a way to layout block elements next to each other, CSS grid lets us not only arrange elements in a row or a column, but in multiple rows and columns. Finally two dimensional layouts are becoming simpler! When I

[namikuguri]

グリッドレイアウト。幅に要素が収まらなくなったらカラムを落とす。特長はカラムを落としたあとに余白をつくらないこと。肝になるのは grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));