Grid

foundation

グローバルメニューもレスポンシブに こんなに簡単でいいのだろうか?

グローバルナビゲーションもFoundationにおまかせです。レスポンシブなメニューが簡単に作成できます。 大元は、Foundationのサイトからコピーしてきます。 「Responsive Toggle」のコードをコピーし
foundation

レスポンシブなヘッダーとフッターを作ろう 

前回は、ページ全体をセンタリングしました。さらに各部を作っていきます。まずは、ヘッダーとフッターです。 1カラムのページですが、企業ページなどでよく見るような連絡先をヘッダーとフッターに入れてみます。 FoundationのGrid
foundation

FoundationのGrid Centered Columnsでページをセンタリングします

さらにサイトの制作を進めていきます。FoundationのGridを利用して1カラムのページを組み立てていきます。 まず、FoundationというかCSSフレームワークの一番の使いどころだと思ってますが、ページ全体をセンタリングします。