レスポンシブデザイン– tag –

CSS Gridでカード型レイアウトを作る基本を、HTML/CSSの最小例、レスポンシブ対応、よくある崩れの直し方まで実務向けに整理します。WordPressの記事一覧や商品カードにも使える考え方です。

レスポンシブデザインの基本を、viewport、メディアクエリ、画像のはみ出し、WordPressでの確認点に分けて整理します。スマホ対応で横スクロールや崩れが出るときの最小CSS例も紹介します。