こっそりレスポンシブ対応

サイトをリニューアルしてかなりの年月が経ちます。
もともとはレスポンシブ対応を考えてのリニューアルでしたが、PCサイトの制作で力尽きていました。
とはいえ、世の中的にはスマホでのサイト閲覧がどんどん増えている中でスマホで見づらいサイトのままというのも具合が悪かったので、ちょこちょこっとCSSに手を加えてこっそりレスポンシブ対応を実施。

違いは、PCでは3カラム(サイドメニューに投稿2列)からスマホは1カラムに変更。
スマホはメニューを画面下部に固定。
PCは表示する投稿を左側に家族日記、右側にウェブ関連のカテゴリーの記事を配置しているが、スマホは単純に新しい記事5件を表示しています。

まだレイアウトがおかしい箇所等あるかもしれませんが、気づいたところからボチボチ対応するので、温かく見守ってください。

コメントを書く