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

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