進級制作展の現状

進級制作展の状況を、途中からだけど記録していこうかなと思いました。
HTMLとCSSも現状今まで過去にやったものや調べないと少ししかわからない状態ですが、そんな自分がどんなものを作るのかを記録していったら面白いかなと思いデザインはもう決まっている状況だけど始めます😶‍🌫️

　デザイン

まず完成しているデザインがこんな感じです。Figmaで作ってみました。
小学生の弟が通っているカンフー道場のサイトを「リメイク」という形で作成させていただけることになったため、弟のためにも気合を入れて作成しています❤️‍🔥

相談に乗っていただいている先輩がそれぞれの項目を囲っていて、人目でどの項目かわかるのでとてもいいなと思い私も同じように囲って作成していました。
全体を見ると写真が無いのもあるかもしれないけど地味だなー、、と思いつつ一旦これで行ってみようという気持ちです🙃

　気に入っている部分

個人的に情報が記載されている部分とフッターが気に入っています🫶🏻
情報の部分は旅館サイトのデザインを参考にしていて、２つ道場があるので横並びかつ縦に配置できていいなと思ったためこのようなデザインにしてみました。

フッターはデザインがすごく難しく悩みまくりました。
ロゴ、予約ボタンは絶対大きく入れたい。だけどSNSのロゴも入れなきゃいけない。下手に凝ったものを作ったはいいがコーティングの時に泣きたくない。という様々な葛藤をし、様々なサイトを調べまくりこのデザインになりました。いいデザインがあれば背景にちょっとした柄やデザインができたらいいなと思っています‼️

　コーティング

これが現在のコーティングの進捗(?)です。
見ていただいたら分かると思いますが、Fun!のデザインを変えました。
https://bakuten-personal.com/ここのバク転教室のデザインを参考にしたのですが、流石に丸パクリだ！と思い変更しました笑

画像がまだ届いていないため別のもので代用しました。
今つまずいている所は、画像がwidth: 100%;にしても何も反応してくれない・「3つのコース」の背景さフォントサイズを書いたは書いたが反応してくれないという所です。クラス名もあっているのに…と思いますが何かしら原因があるのでしょう。こういういつもは反応するものが反応しなかったときが泣きそうになります🥲

　最後