個人アプリ開発 TOPページ マークアップ

個人アプリのTOPページのviewを作成しました。

使用

・haml
・scss

感想

チーム開発で既にマークアップは行っていたので、概ねスムーズにコードを書いていけました。
一部、リファレンスを見ても思うような仕様にならない箇所は参考記事を参照。

・リンクを親要素いっぱいに広げる
　子要素にdisplay: flex; → height, widthを100%

・リスト２列/３行
　参照：https://www.idia.jp/report/how-to-equally-display-the-horizontal-list/

モックの見た目通り、意図したように作成ができたと思います。
細部を調整していて少し時間をかけてしまいましたが、ここから他機能もどんどん実装していきます。