はじめに
このプロジェクトでは、CSSグリッドレイアウトを使ってコアラの顔を作成する方法を学びます。全体的な顔の構造を作成し、目、鼻、ホットピンクの要素を描いて、コアラの顔の特徴を完成させます。
👀 プレビュー
🎯 タスク
このプロジェクトでは、以下を学びます。
- コアラの顔のためのグリッドレイアウトを設定する方法
- コアラの目を描く方法
- コアラの鼻を描く方法
- コアラの顔にホットピンクを描く方法
🏆 成果
このプロジェクトを完了すると、以下ができるようになります。
- CSSグリッドレイアウトを使って複雑なデザインを作成する
- グリッド内のさまざまな要素を配置してスタイルを設定する
border-radiusやbackground-colorなどのCSSプロパティを使って、独自の形状やデザインを作成する
