やったこと

プレゼン用にカンペを作り、7分に収まるよう練習した
【CSS】マウスオーバー時にふんわり出る下線アニメーションを参考にリンク下線へのアニメーション実装
Wのcard-bodyを、カラムがない時は開かないように
Tの期限を、card-bodyに移動しデフォルトで開いた状態に変更
それに伴い、Tのfooterのデザインを変更
ヘッダーにマウスを置いたとき、表示される下線をアニメーションにしてみる

わかったこと

mixinでリンク下線アニメーションのコードをまとめ、border-colorに変数を設定することで、色を簡単に変えられる上にコードがすっきりした
検証ツールで直接スタイルを書いて、それをエディアにコピーするとだいぶ楽

次やること

他ページのデザインをこの配色に合わせる