これいつだろ？メモに残ってたけど

small mobile
mobile
tablet
desktop
…
これは、大きさで分けた方がいいような気もする

例えば、
320 – 375 – 640 – 800 – 1024
デザインのパターンは
A B C パターン
S　M　L　の方がわかりやすい？
S : max-width: 374px
M : 指定なし
S : min-width: 640px

br.br-on-on-off : 639pxまで改行する

/* 画面幅が 768px 以上の時に適用（タブレット・PC） */
@media (min-width: 768px) {

含んでるね

/* 画面幅が768px以下の時に適用 */
@media (max-width: 768px) {
  body {
    background-color: lightblue;
  }
}

含んでるね

on-on-

Ex ) br
モバイルでは改行ディスクトップでは改行しない

moblie = on
desktop = off