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:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj16hE-eeT9t0m1bIf-rN-u5NVp5ZB4qCZMLpTqbH4slfakYCdxMYFQjFUslRjlASFtxcxe8REv2dSf7DQfYN3W5eId6e3sjO1w95HcaUSej7Eb2Xh0KGbdDOQtQcOVTaVfyVZJNFzJUMk/s320/%25E3%2582%25B3%25E3%2583%25A1%25E3%2583%25B3%25E3%2583%2588+2019-08-27+070847.png)
0 件のコメント:
コメントを投稿