2019年8月27日火曜日

#100DaysOfCode R2 Day5

Day 5: August 27, 2019

Today's Progress:

  • Pom-Cal: レイアウトの調整

画面のデザインで気になるところを友達に見てもらって、各部品の高さや幅が揃うように調整。(特にモバイルレイアウトがガタガタだった…)
PCレイアウトは画面の幅を活かしたかったので3列の配置にしました。

marginを設定していると、 width: 100%; にすると思ってる幅よりはみ出してしまったりする。 width: auto; にすると直る。難しい…

grid-template-columns でGridの幅を指定できる。 grid-gap でGridの間隔を指定できる。この辺覚えておきたい。いつも space-between とかでむりやりやろうとしてうまくいかないなーと思ってる気がする。

Links to work:

0 件のコメント:

コメントを投稿