レスポンシブ対応に挫折

Figmaのデザインカンプから実際にコーディングをやってみました。

いい感じに仕上がったので別の端末で表示してみると、画像は切れてるし要素が重なっていたりでとても見にくい…

とりあえずHTMLにview portと、CSSにはメディアクエリを設定しプロパティの値をいろいろいじってみても改善せず。

せっかくPCでうまく表示できた!と喜んでいたのに、このようになってしまっては絶望感が半端ありません。

今まで短時間で知識を詰め込みすぎたあまり、CSSの基本を理解しないまま要素の配置を必死にやっていたため、このままではどうにもならないと感じました。

CSSについてもう少し詳しく学習していこうかと思います。

コメント

タイトルとURLをコピーしました