要素に display: flex を設定すると、どのような効果がありますか?
display: flex
すべての階層の子孫要素が、1つの共有 flex レイアウト内のアイテムになります。
その要素が flex コンテナーになり、直下の子要素が flex アイテムになります。
その要素とすべての子要素が非表示になります。
すべての子要素が、通常のインラインテキストに永久に変換されます。