実装サイトはこちら⇩
□ 制作年月 ：2021年11月
□ 制作期間 ： 18時間
□ページ数 ：1ページ
□使用ツール ：VScode / jQery / photoshop
[ Topページ ]
課題 ｜ 納品後に、セクションやテキストが増減することまで考えて作成
・photoshopでのスライスから勝負は始まっている。デザインカンプには情報がたくさん詰まっていることを学んだ
・テキストやコンテンツの増減が予測されるので、見出しの背景や飾りはテキストに合わせて伸縮するよう作る
・偶数のコンテンツのみ左右の並びを反対にするよう設定
[ レスポンシブ対応 ]
Sass ｜ 初めて挑戦しました。レスポンシブ対応が入るとCSSが長大になり不便でしたが、Sassによって解決することが分かりました。
コンテンツの配置を変える ｜ PC画面とレスポンス画面両方整った状態にするのが特に難しかったです。PC画面の時とコンテンツを違う順序に並べたい、ということはよくあるので、この経験はしっかり活かします。
