CSS入門グリッドレイアウト編問題集

この問題集では CSS グリッドレイアウトを使いながら、少し複雑なレイアウトで画像を配置していきましょう。問題を解きながら、Web 制作がどのように進んでいくのかを学んでいくことができます。

まずは画像を縦横 100px のサイズにしたうえで、5 列 2 行で並べてみましょう。右側の「問題集を開く」から進んでみてください。