HTML5, CSS3, Javascript
Frontend Mentor で提供されているアイディアを基に、Webページ制作の練習で取り組んだ物。
レスポンシブWebデザイン導入済み。左右の矢印アイコンのクリックアクションに応じて、画像とそれに応じたタイトルや説明の導入が変わる実装を Javascriptで実現している。
反省点としては、デスクトップ/ノートパソコン向けのレイアウトをキレイに見せるために行き当たりばったりなCSSコードを書いてしまっていること。 もう少し工夫したやり方のレイアウトを身に着けたい。
デモ画面はこちら
ソースコードはこちら