豊田左官のホームページをレスポンシブWebデザイン対応にしてみました

モバイルフレンドリーにしなさい！とGOOGLEさんからお叱りをうけるので、豊田左官-豊田工業所のホームページを一新しました。

タブレット、スマートフォンでも閲覧しやすくなりました。

サーバーも近日移転するので、とりあえず様子見でアップ。

京都-伝統土壁、しっくいの左官職人集団-豊田工業所
https://toyoda-kyoto.com/

レスポンシブWebデザイン対応にするためにしたこと。

1、通常、タブレット、スマホ用ＣＳＳをそれぞれつくった。

2、GOOGLEMAPをレスポンシブ対応にするためＣＳＳに追記した。

テーブルの文字の設定がうまくいかず悩んだのですが、表のマス内の幅を指定し、表全体を指定なしにすることで文字の改行ができました。

モバイル フレンドリー テストもバッチリです。

モバイル フレンドリー テスト
https://search.google.com/test/mobile-friendly

思ったよりうまくできました！