Flexbox vs. CSS Grid: どちらを使うべきか?

Flexbox vs. CSS Grid: どちらを使うべきか?

魅力的でレスポンシブな Web サイトを構築するには、Flexbox と CSS Grid をしっかりと理解する必要があります。





ある程度の期間 CSS を作成している場合、少なくともこれらの用語について聞いたことがある可能性は十分にあります。どちらかまたは両方をある程度使用したことがあるかもしれません。どちらも CSS の強力な部分であり、ユースケースは似ていますが微妙に異なります。





今日のメイク動画

フレックスボックスとは?

Flexbox は、しばらく前から使用されている 1 次元の CSS レイアウト メソッドです。 Flexbox は、コンテナー内の HTML 要素を整列させ、それらの間のスペースを管理するために使用できる、関連する CSS プロパティの集まりと考えることができます。





Flexbox が登場する前は、このタイプのレイアウトにはイライラする扱いにくい float と 位置プロパティ .