【超入門】初心者向け レスポンシブデザイン完全攻略！メディアクエリ等解説【HTML・CSS コーディング】

レスポンシブデザインとは？具体的にどうやるの？など初心者向けに徹底解説しました！
メディアクエリの使い方を覚えて、レスポンシブコーディングを身に着けましょう！

＜目次＞
・オープニング 0:00
・レスポンシブウェブデザインって何？　0:37
・メディアクエリとは　2:05
・実際に指定してみよう！
　 ①viewportの設定　2:35
　②条件指定　2:59
・ブレイクポイントについて　6:54
・レスポンシブコーディングをする時の手法について　10:36
　 ①パーセント指定　10:45
　 ②「rem」での文字サイズ指定　11:39
③画面幅指定での要素の出し分け　13:12
・まとめ　15:16


-- Webの神様 --
未経験、初心者のみなさんのHTML・CSSの学習を応援していくチャンネルです！

【タグ】
#レスポンシブデザイン #コーディング #プログラミング

【SNS】
-- Twitter --
  / webgodweb  

-- Facebook --
  / webgodweb  

【運営会社】
株式会社カラフルクローバー
https://www.colorful-clover.co.jp/


★★★「Webの神様」メンタープランのご案内★★★

ナビゲーターの「なつこ」が講師となって、皆さんのWebデザイン・プログラミング学習をサポートする「メンタープラン」を実施中です！

【お知らせ動画】
「Webの神様」があなたのメンターになります
   • 【お知らせ】「Webの神様」があなたのメンターになります【未経験・初心者大歓迎】  プレビュー

【プランの詳細・お申し込み（MENTA）】
https://menta.work/plan/5148

未経験から学習中の方、Web・IT業界に就職・転職活動中の方、フリーランス独立を目指して活動中の方など、必要として頂いている皆さんのお役に立てるように精一杯サポートさせて頂きます！
是非ともご検討いただければ幸いです。

★★★★★★★★★★★★★★★★★★★★★★★