レスポンシブwebデザイン

「Noto Sans JP」

Web制作でよく使うフォント

Webウェブフォント

インターネット上から読み込めるフォント

Noto Sans JPもwebフォント

GoogleFontsグーグルフォンツ

Googleのwebフォント

ことば

HTMLのコードを書くことを「マークアップ」、CSSのコードを書くことを「スタイリング」

メディアクエリ

表示画面に応じて適用するスタイルを切り替える機能

<!-- 500px以下の時に適用 -->
@media (max-width: 500px) {
  p {
    font-size: 10px;
  }
}

ブレークポイント

切り替えの分岐点

PCとタブレットとスマホのどれを想定するかでブレークポイントの数も変わる。