レスポンシブなCSS Grid

CSS Gridを使うとメディアクエリを書かなくても、以下のようなレスポンシブなレイアウトが実現できます。

アイテム1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

アイテム2

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

アイテム3

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

アイテム4

Nulla consequat massa quis enim.

アイテム5

Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.