One day, while wandering along the beach, Ana stumbled upon an old, mysterious-looking camera. As she picked it up, she felt an unexpected connection to it. She decided to take the camera back to her studio and try to develop the film.
Level 2
with Flexbox
コーポレート系サイトをHTML&CSSの基本を活かして構築します。
Level 4
with Flexbox & vm・remを活用したレイアウト
カフェ系サイトをHTML&CSSを応用したレスポンシブで構築します。
Level 3
with Flexbox & ダークモード
ダークモードに対応した和風テイストなサイトをHTML&CSS＋JavaScriptを活かして構築します。
Level 1
with Flexbox & マルチページ
コーポレート系サイトのトップページとコンテンツページを基本的なHTML&CSSで構築します。
Level 2
with CSS Grid & マルチページ
ブランド系サイトのトップページとコンテンツページをCSS Gridの基本を活かして構築します。
Level 2
with CSS Grid & 12分割グリッド
12分割グリッドでデザインされたショッピング系サイトをCSS Gridによる12分割グリッドで構築します。
Level 3
with Flexbox & レスポンシブテーブル
メインコンテンツがレスポンシブテーブルなページをFlexboxを中心に新旧さまざまなテクニックを使って構築します。
Level 5
with モダンコーディング & Overlappingデザイン（要素を重ねるデザイン）
画像やテキストを重ねた複雑なデザインをモダンコーディングを活用して構築します。
