flexbox tips

テンプレート作る際にflexboxというのを導入しようとして四苦八苦したのでその際に勉強になったリンクを貼っておく。

Flexboxを使った2カラム・3カラム・マルチレイアウトの基本と応用 | Webクリエイターボックス

CSS3のFlexboxを基本から理解して、使い倒そう! | 株式会社LIG

Visual Guide to CSS3 Flexbox: Flexbox Playground |

上の二つで基本に触れて,最後の一個で実際の動きを確認すると理解しやすい。
justify-contentとalign-itemsの違いになかなか気づけなくて苦労した。
わかると簡単な話だった。

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

%d人のブロガーが「いいね」をつけました。