「flexboxを使えばいいの？gridを使えばいいの？」 CSSレイアウトを学び始めると、必ずこの疑問にぶつかります。どちら 「要素を並べる」ためのプロパティに見えるのに、なぜ2種類あるのか 実は用途がまったく違います。 この記事では、flexとgridの根本的な ...

ネットで見かけたWebテク （Webテクニック・ Webテクノロジー） 記事から、 Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、 2020年10月19日～10月25日の間に見つけた記事のベスト5です。 1. The Complete CSS Grid Tutorialhttps:// jst. hashnode.

ポイント: flex-directionのデフォルト値はrow（横方向）だが、誤ってcolumnに設定されていることがある 子要素がフレックスアイテムになっているか確認する flex-wrapの値も確認し、画面幅に応じた折り返し設定を適切に行う 2. CSS - レスポンシブデザインの崩れ ...