Webデザイン勉強75日目の成長報告!
こちらのWebサイトは移転しました。
[ピュアチャ〜ジ]
はいどうも!
今日も作業をしましたので進捗報告です!
小さい画面サイズ→大きい画面サイズになった時に表示を切り替える方法!
【画面サイズが小さい時】
画面サイズが小さい時は、widthを指定していないので100pxで横いっぱいに表示されています。
【中くらいの画面サイズの時(600px〜)】
600pxを超えると、imageのwidthの200pxが適用され、textが横に広がります。
【大きな画面サイズの時(800px〜)
799pxまでは画面いっぱいに表示され、横幅が800pxを超えたところからtextの部分を減らしてadが表示されます。
今日はここまで!