見出し画像

未経験から副業で稼げるWebデザイン講座 #20 スマホ版のCSSを書こう①

↓初回はこちら↓

前回の復習

前回はスマホ版開発の準備をしました。
メディアクエリをCSSに書くのと、HTMLにviewportの記述があるかの確認が必要でしたね。

今回はスマホ版のCSSを組んでいきます

今回はスマホ版のCSSを組んでいきましょう。
まずはトップページ。横並びになっている.top_leftと.top_rightをカラム落ちを使って縦並びにしていきます。

親要素に書いてカラム落ちを有効に
メディアクエリの中にスマホ用のCSSを記述
画像と文字列が50:50で縦並びになった

ここから先は

13,653字 / 5画像
Webデザインで稼ぐために必要な知識を、最も効率よく学べる講座となっています。この機会にWebデザインを学んでみませんか?

Webデザイン未経験の方に向けた、Web制作に必要なスキルを学習できる講座です。モダンなポートフォリオサイトを実際に制作しながら、副業で案…

この記事が気に入ったらサポートをしてみませんか?