11月になり、日にちが経ちますが…

気温もだんだん変化が感じられる頃、朝と夕は少し冷えるぐらいの気温になってきてますね…

街の周りを見回すとそろそろクリスマスシーズンの準備をしている店舗が見かけるようになりましたね。

秋の季節を感じられる頃、気温の変化の差が激しい中、インフルエンザ予防としてワクチンが不足しているみたいですが、体調管理はしっかりしてくださいね。

さてと、話題に戻して…

レスポンシブ対応で、突然レイアウトが崩れてしまう…

いつも自信過剰ばっかりでデザインをしておりましたが…

突然のスマホ版は間違いなくパーフェクトでしたが、タブレット版になるとレイアウトが突然崩れ始めました…

タブレット版に何がいけなかったのか、検証しつつ…

試行錯誤をしてみました。

ちゃんとメディアクエリを読み込みをしているはずやのに、CSSのデザインが全く読み込まれてない…

よーく見たら、英語のスペルミス！

@meida screen and (max-width:768px) {}

正しくはこちらでした。

@media screen and (max-width:768px) {}

meidaではなく、mediaでした。

こちらの入力ミスでした…

念のために、英語のスペルミスはないか、細々までチェックしながら確認しましたが…

タグにもスペルミス！

どうしたんだ！

頭をガシガシしながらイラつきました…

自信過剰はしていけないって自分に言い聞かせておりましたが…

ミスをすることはタイムロスにつなげるんですね…

これからは気をつけなきゃダメですね…

ではまた！