メディアクエリでレイアウト

とりあえず、リニューアルに向けてざっくりしたレイアウトを決めました。

http://mcre.ojaru.jp/test/

メディアクエリを始めて使ってみたわけですが、商用サイトにするわけでもないのでPC用は幅970pxの2列、もう一方は解像度800pxを割ると1列レイアウトにしました。PCのブラウザで幅を広げたり狭めたりすれば確認できます。モニタが古い解像度800だと当然無理ですがｗ

1列使用になると「sid」の部分が消えるわけですが、今もそうですがテキストだけじゃ殺風景という理由で広告貼ってるようなもんなので1列になったら別にいらないですよね。

こういう解像度にあわせてレイアウトが変更することに興味がある人はメディアクエリで検索かければ私の説明なんかよりはるかに有意義なのが見つかるので探してみてください。

次回はロゴ作成でも着手しますかね～。