【ホームページ制作】4カラムレイアウトのホームページ制作をした話。

デモサイト制作47ー浪人のサムライ

スマホでは1カラム、タブレット以上の画面サイズになると4カラムとなります。HTMLは共通で、CSSのメディアクエリで振り分けています。

1時間程度でできました。

なお、スマホで見たときは、コンテンツ→サイドバーという流れにしています。

レイアウトは、

• スマホ画面サイズ→flex

• タブレット以上の画面サイズ→grid

で決めています。