今日の進捗 AstroSSG
やってること
・ヘッダーコンポーネントづくり
できたこと
・ボックスコンポーネントの簡易設定
・ヘッダーコンポーネントにボックスコンポーネントのimport
・ボックスを一列3枚横並びにできた。gapで間隔も入れられた。
できなかったこと
・なるべくこのヘッダーをウィンドウズの高さに合わせたいのだがちょっとやり方がわからない。というか高さを指定してレスポンシブにする方法を忘れた。
・ランディングページのファーストビューみたいなのをこのヘッダーにしたい。
知恵がある方いたら教えて~
RE: https://minazukey.uk/notes/9t6xalayjhpj1qyz [参照]
@kunuyu 初めまして。要素の高さをウィンドウの高さに合わせるなら、height:100vh;(100vh=ウィンドウ高さ100%。半分の50%にしたいなら50vh)はいかがでしょうか。ただ、heightを決め打ちにすると中の要素がそれより大きくなってしまった時に困るので、heightよりはmin-height(最小高さ)にした方がいいかもしれません。
@kunuyu gridを使うとそれらしくなると思います。Gistにサンプルコードを書いたので、よければ見てみてください〜😄
https://gist.github.com/monsier-oui/3c2cafb8e748e416721fdaa24c186ea2
@oui_@fedibird.com ありがとうございます!!!grid!聞いたことあるけどあんまりいじったことなかったやつ!やってみます;;