カフェサイトのコーディング②

先日の続きでカフェサイトのコーディングの続きをしました。先日はTOPページをマークアップし、今日はその続きのnewsページに着手。ヘッダーとフッターは既にできていたので、メインビジュアルとコンテンツのグリッドレイアウトのところを作成していきました。

今回苦労したところはそれほどないのですが、一旦完成してコードを見直しているときに、グリッド部分のdivタグが多すぎるなぁと思い、一か所重複しているように見えた箇所をcssもろとも削除…すると、瞬時にレイアウトが崩れてしまい、それに気づいたのが履歴をもう辿れない段階だったので、焦りました。再度divタグでくるんで、widthなどを設定しなおしたのですが、本来ならかけなくてもいい時間を取られてしまいました。

だいぶ慣れてきたとはいえ、タグを削除するときには、よく吟味した上で慎重に実行しないといけないな、と痛感した一日でした。

（コーディングした"newsページ"）