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 件のコメント:
コメントを投稿