Webデザイン勉強77日目の成長報告！

こんばんは！

今日の作業進捗報告です！

今日はグリッドで区切る方法の学習を行いました。

display: grid; = グリッドを行うという記述

grid-template-row: 0px 0px 0px; = 各行のpx数の指定。3行でgrid指定があることを意味する

grid-template-columns: 0px 0px 0px; = 各列のpx数の指定。グリッドが3列あることを意味する

プロパティを一つで記述する方法もあります！

①grid-template: 80px 80px 80px / 80px 80px 80px; = 行の指示 / 列の指示

②grid-template: repeat (3,80px) / repeat (3,80px) = 行の指示 / 列の指示

表示した画面

今日の作業進捗は以上です。

一昨日から日本に一時帰国しています。

色々やっていて、作業時間がつくれず学習がほとんどできませんでした。反省です。

へこんでいても前に進まないので、明日も学習を進めます。

今日は、ここまで！