ウェブページを柔軟にレイアウトできるCSS flexの書き方と活用方法を解説。displayプロパティに値flexを指定した上でflex-directionプロパティを併用すれば、横並び・縦並び・正順・逆順などCSSだけで表示順序を自在に指定できます。さらにorderプロパティを併用 ...

ネットで見かけたWebテク （Webテクニック・ Webテクノロジー） 記事から、 Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、 2020年10月19日～10月25日の間に見つけた記事のベスト5です。 1. The Complete CSS Grid Tutorialhttps:// jst. hashnode.

とても便利なCSSのflexboxですが、若干幅の調整にクセがあるなと思ったのでまとめておきます。 flexboxとは CSSのflexboxに馴染みが無い方や復習したいかたはこちらをぜひ。横並びをもちろん、レイアウトをフレキシブルに組む優れものです。 日本語対応！

flexを並べる方法を学習したので、次はflexを使ったレイアウトを考えてみましょう。近年レイアウトを作る場合はgridを使うのが主流になっていますが、flexも一時期はレイアウトを作るCSSとして活躍していました。今でも場合によってはflexを使ったほうが ...