CSSのFlexboxで横並びや折り返し指定に便利なFLEX LAYOUT GENERATORFLEX LAYOUT GENERATOR

かなりの頻度で使用するflexboxレイアウト。こちらのFLEX LAYOUT GENERATOR（フレックスレイアウトジェネレーター）では親要素、子要素の設定や縦並び、横並びさまざまなレイアウトに対応していてコードをコピペで使用できるのでとても便利です。

FLEX LAYOUT GENERATOR | フレックスレイアウトジェネレーター

https://suiq.jp/flex-layout-generator/

ちなみに一番よく使うソース（自分のコピペ用です）↓

.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}