今までフレームワークに携わっておらず、コーディングは手打ちで行ってきた。
高速化と効率化のために、Bootstrapを勉強しようと思い、YouTube上にあった動画を見ながらLPを作成した。
レスポンシブ化にも対応。
制作時間:5時間
学び:
- Bootstrapの使い方
- class名だけでCSSが適用される
- colは合計が12になるように振り分ける
工夫:
- Instagramのアイコンの色をブランドカラーと同じにしようと試みた。
しかし、font-awesomeの色を上手くグラデーションさせることができなかった。
課題:
- Bootstrapにはまだまだ使っていないclass名もあるので、今回トレースしたYouTubeの方の別の動画にも挑戦する。次回は、動画を丸々見ながらではなく、ある程度自分でコードを考えたりチートシートで調べたりしながら進めていく。