
Webデザインに欠かせないCSSでのレイアウト作り。コンテナ作って、ここにラッパー作って、メインが600pxでpaddingが20pxだから、サイドバーが、えーと…なんてことになりがちです。
そんな面倒な作業がイヤだなーという人におすすめなのが、CSSグリッドシステム。
全てのWebデザインに使える訳ではありませんが、結構重宝します。
すでに使っている人もたくさんいると思いますが、こんな方法もあるんだよーということでご紹介します。
CSSグリッドシステムとは?
CSSグリッドシステム(CSSグリッドレイアウト)というのは、レイアウトを均等に分けてマス目上に考えるレイアウト。
何が便利かっていうと、この段は4等分にしたいとか、ここは3等分にしたいとかが簡単にできる仕組みになっています。
横幅を12等分にして、グリッドを分けてレイアウトしていくので 7:5 の2カラムとか、6:3:3などの3カラムとかも簡単です。
・・・続きはこちら
http://webdesignrecipes.com/css-grid-system-layout/
─情報元:Webデザインレシピサイト様─