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