プロフィールサイトをレスポンシブ対応しよう
「プロフィールサイトを実装しよう」で制作したサイトをレスポンシブに対応させ、スマートフォン用のレイアウトを作成します。
入門レッスンで学んだメディアクエリを活用し、より実務的なWebサイトにブラッシュアップしましょう。
最初は答えをあまり確認せず、どこまで自分の力で解けるかチャレンジしてください。
スキル一覧
<meta name="viewport">
メディアクエリ
max-width
position
flex-direction(垂直)
:first-child, :last-child
:nth-child()
