flexboxでレイアウトを決めてみた

やったこと

レイアウトと色分けで全体像がでてきた

雰囲気が出てきた💫 スクリーンショット 2018-08-03 1.55.21.png

flexboxでcontainer化して配置

mainのarticleはhtml上でasideのバナーより先に記述されているが、 orderを使って右に来るように配置 スクリーンショット 2018-08-03 2.05.28.png

所感

widthを使わずにflex: 1;で横幅いっぱいに広がるのが便利だった。 逆に画像はwidthで指定しないとだめだと気づくまで手こずった。 cssの苦手意識があったのはfloatが苦手だったからかもしれないと気づく。 flexboxだとレイアウトがパスルのようにはめられたのでfloatより簡単に感じた。

コメントを頂きました

@machidaさんより f:id:yasuaki6:20180803211546p:plain