模写コーディング2-2

2-1のレスポンシブ版

左：元サイト　右：模写

header

・navが横スクロールになっていた
　overflow-x: scroll; を指定する

pickup

・flex-direction: column; で記事を縦積みに

・各記事のwidthを100%にする（PCサイズで32%にしているため）

main

・widthを100%にする（PCサイズで65%にしているため）

・flex-direction: column; で記事を縦積みに

aside

・widthを100%にする（PCサイズで33%にしているため）

footer

・flex-direction: column; で各コンテンツを縦積みに

感想

もう少し余白を作るべきだった。