こんにちは、ゆきこと申します。 今回はWeb開発の重要な概念である「フレックスボックス（Flexbox）」について、基本用語から実践的な使い方まで、特にスマホとPC両方に対応したレイアウト調整に焦点を当ててシェアします。図解を交えながら、レスポン ...

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

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