📅 今日の模写コーディング振り返り（2025/04/22）

✅ 今日の作業内容
作業時間
合計：8時間

やったこと：
・CSSレイアウト
ｰ横並びになる構造の整理
（レスポンシブ後除くFlex使用箇所一覧）
-セレクタ構造の整理（セクションごとのコメント）
ｰクラス命名と再利用ルールの整理
・レスポンシブレイアウト
ｰSP/PC違いの図解整理とスタイル切り替え一覧化
・HTML/CSSレイアウト方法wordにまとめ・整理
・余白変数の実装＆CSSスタイリング（SP版）
・Contactフォームの修正

🔍 学んだこと・気づき
🧠 HTML / CSSのエラー対応・修正
学んだこと
・フォーム要素のクリック時に表示される太枠は outline: none; で消す！
・listが中央揃えにならなかったが
listの一番最後のsnsアイコンも含めてリスト化していた為、snsアイコンのサイズを適正にすることで無事中央揃えにできた。
どこまでが要素か冷静に把握したい！

・余白，フォントサイズを変数管理してみた。
少し癖はあるけど慣れれば良いかなと。
下記の工程にすることで見やすい状態から
細かいスタイリングすることが出来た。
〔工程〕
変数定義する→CSSの各セクションに実装
→CSSの全体スタイリング

🔜 明日やること（4/23）
CSS：レスポンシブ対応
CSS：全体調整
ECサイト制作
・レイアウト作成
ｰHTML
・HTML実装
・レイアウト作成
ｰCSS
ｰレスポンシブ
・CSS実装

💬 今日の一言メモ
「4/19~4/20休んだけど戻ってこれたのでOK!焦らず進めよう」