【自由制作】 ロボットの紹介ページ
My Playground
dotinstall-playground.s3.ap-northeast-1.amazonaws.com
概要
3種類のロボットを紹介するページを制作しました。
横に並べて見やすくするレイアウトにしました。
制作にかかった時間
2時間
制作のポイント
ヘッダーとフッターは横幅いっぱいにしました。
コンテンツエリアは、「margin: 0 auto;」「max-width: 600px;」で最大幅を固定、中央寄せにしました。
フレックスボックスとリストを使用し、ロボット3種類を横並びにして紹介しました。