HTML5, CSS3
Frontend Mentor で提供されているアイディアを基に、Webページ制作の練習で取り組んだ物。
モバイルファーストページとして作りたかったため、最初にモバイルファーストのCSS設計をした後に、 ノートパソコンやデスクトップ、そしてタブレット端末にも対応するレスポンシブデザインを行った。
反省点としては、HTMLソースコード上で各部位を細かくクラス分けしているため、CSSソースコード上も非常に細かい 設定を行っていた。そのため、非常に長いソースコードで冗長なものとなってしまった。
デモ画面はこちら
ソースコードはこちら