ストアサイト(書店)【CodeJump】
Flexboxを活用し、画像とテキストのレイアウトを切り替えながら、見やすいページ構成を意識して実装しました。
セマンティックなマークアップを意識し、見やすく保守しやすいHTMLを作成できます。
レスポンシブ対応やFigmaをもとにしたデザインの再現を意識してコーディングできます。
基本文法を一通り学習し、現在はDOM操作や実践的な実装を学習中です。
Figmaをもとにデザインを確認し、余白やサイズを細部まで意識したコーディングができます。
Flexboxを活用し、画像とテキストのレイアウトを切り替えながら、見やすいページ構成を意識して実装しました。
レイアウトや余白の再現性を意識してコーディングしました。
画面幅に応じて1カラムへ切り替えることで閲覧しやすいレイアウトを実装しました。