Webデザイン学習の記録です。
今回は、ポートフォリオサイトに作品集へのボタンを追加した際、PCでは問題なく表示できていたのに、スマホ表示を確認しておらず、レイアウトが崩れてしまった失敗について書きます。
ざっくり話します。
Portfolioサイトの所に素材作品集ってボタンを作って、BLOGサイトの掲載部分に飛ぶようにしたんです。
ここまでは良き行動。
しかし、PC画面できれいに見えるから大丈夫だと😅
メディアクエリの状態の確認をしておりませんでした！！！！
ダメじゃんアタシ💦
で、教訓の為にここに投稿記録します。
ダメだこりゃ
あはは・・・・
かなり崩れて見にくい状態😭
PCで作業していると、スマホで確認する癖がついてないのよね（言い訳）
これ気づいたのだいぶ経ってから
副業考えてるの♪
って友達に見て見て！！しかも、満面のえみで😁
🕊️・・・・・・・・・・・・💧
はっずかしぃーーーーーーー🫣（心の中です）
「あ、あ、これなおすんだぁ」ポリポリ・・・・・・（これ実際です）
じゃないやん！！アタシ！！
すぐ家帰って修正よ。
こんな感じになりました。
手も洗わず、PCに向かい
なおしましたよ。
サクッと直せるとこなのにぃ
・・・・・・・
はい、完了。
はい、スッキリ。
綺麗に整いました。
よりにもよって、Portfolioサイトの作品掲載上部の部分。
皆さんがスマホで開いたら、ジャジャジャジャーンってでるとこ。
開いて、崩れていたら見る気失せますよね😭
アタシはこいつダメじゃんってなる。
こんな、おっちょこちょいのとこがあります。
自覚してます。
いい時にミスるタイプ。
気を張って精進いたします。
Portfolioサイトをここ数日見に来てくれた方
お見苦しいとこ見せてしまい
大変申し訳ございませんでした。
まじ、気をつけよ😭
今回の教訓は、PCで問題なく表示されても、それだけで安心しないこと。
Webサイトを作ったら、スマホでも実際の表示を確認することを忘れないようにします。
コメント