ECサイトの商品一覧ページに必須！display:flexとflex-wrapを使って要素を折り返し、さらにposition:absoluteで「詳細を見る」ボタンを常に右下に固定する方法を解説します。コピペで使えるコード付き。

親要素がdisplay:flexでも子要素を右下に固定したい！そんな時に役立つ「position: absolute」と「margin: auto」の2つの記述方法を解説。ECサイトの商品カードや「もっと見る」ボタンの配置に必須のテクニックです。

スマホでCSSが反映されずお困りですか？Web歴17年のディレクターが、レスポンシブデザインが効かない時の「よくあるミス5選」と正しい記述方法（メディアクエリ）を解説。viewportの設定漏れやキャッシュの問題もこれで解決します。