HTML グリッドレイアウトで、サイドバーのグリッドアイテムの高さが調節できません。

Question

実現したいこと

-サイドバーのボックス内にある子要素に合わせて高さを調節したい

発生している問題・エラーメッセージ

-グリッドアイテムを1,2,3,4用意し、1,2,3はメインに、4をサイドバーに。
しかし、アイテム4の高さが、1,2,3の高さと同じになる

###html, css

試したこと

-サイドバーのボックスを
height: auto もしくは100%にしてみた

#html #css #グリッドレイアウト #サイドバー

Answer 1

サイドバーのボックスにalign-self: startを設定してください。

CSS グリッドレイアウトのボックス配置 - align-self の使用

Comments

[退会済みユーザー]

hatena19さん、解決しました!! ご回答ありがとうございます。感謝致します！