【CSS】Grid・Flexの子要素にContainer Queriesを使ったら、子要素の幅がなくなる!? - Qiita

はじめに みなさんは、Container Queriesを使いこなせていますか？ Container Queriesを色々試していた時に、「CSS Grid と Flex Boxの子要素にContainer Queriesを使ったら、子要素の幅がなくなるバグ」に出会ったのでバグの原因と解決策を紹介します。 Container Queries とは？ Container Queriesとは、親・祖先要素のスタイルに合わせて、子要素のスタイルを変更することができるアットルールです。 Container Queriesには、「Container size Queries」と「Container style Queries」の2種類あります。 ○ Container Size Querie Container size Queriesは、祖先要素のサイズに応じてスタイルを指定することができるアット