読者です 読者をやめる 読者になる 読者になる

求職者支援訓練webサイト制作科1月クラス

フェリカテクニカルアカデミー池袋の求職者支援訓練webサイト制作科1月クラスの授業解説ブログです。

グリッドレイアウト

CSS応用

グリッドレイアウトとは

グリッドとは「格子状の」という意味がありますが、画面をいくつかのサイズのブロックで組み合わせ、コンテンツを配置していく画面設計手法のひとつです。元々紙媒体でよく使われたレイアウト方法ですが、Webでもレスポンシブデザインとの親和性が高く、最近よく見かけるレイアウトの1つです。


グリッドデザインを使用しているサイト
firadis.net


www.fujiya-peko.co.jp





画面幅に合わせてカラムが落ちていくグリッドデザイン
和洋女子大学


PCレイアウト 
f:id:yachin29:20170105133643p:plain