「display:flex」「border:radius」「object-fit:cover」を使用し学習するため。

ファーストビューの中心に表示されるロゴは画像ではなくCSSにて指定しているので画面幅によって細やかに変化させる必要があった。

「border:radius」は四方向への個別指定が可能であり、丸以外にも任意の形へと変形させることができることを学びました。好きな形を作ってから、数値を教えてくれるサイトも見つけたので今後活用していきたいです。

グリッドデザインにすることでサイトの縦軸が綺麗に合わせることができる点、divで必要以上に括らなくていいこと魅力を感じました。横軸はautoで指定し縦軸は四分割して左右に20px中心が1frで行いました。テンプレ化するデザインや、分業して行う時にはグリッドデザインの長所が生かされると感じました。