模写コーディング

今日は模写コーディングを進めていました。

デザインを見ながらHTMLとCSSで組んでいく作業ですが、

実際にやってみると「思った通りに配置できない…！」という場面も多くて、

試行錯誤しながら少しずつ形にしています。

特に今回は

・画像の配置

・余白のバランス

・スマホ表示での折り返し

このあたりを調整しながら作成しました。

模写コーディングは

「デザインをどうやってコードで再現するか」を学べるので、

とても勉強になります✨

まだ細かい調整が残っているので、

完成したらまたブログで紹介しようと思います！