7月18日 学習記録

学習内容

・progate

HTML/CSS 上級編が一通り修了した

HTML/CSS 上級編で学習したこと

1:レスポンシブデザインとは何か?

様々なデバイスや画面サイズに合わせて、コンテンツのレイアウトを調整する

2:メディアクエリについて

メディアクエリとはブラウザの画面サイズに応じてCSSのスタイルを設定すること

@media(max-width: 1000px )のようにCSSを適用したい画面の最大幅を指定し、その中にCSSを記述していく

HTML/CSS 上級編で作成したソースコード

メインページのHTML

 

CSSファイル

 

レスポンシブデザイン様CSSファイル