Kredo Blog 独自練習教材・原因5 / 修正前

狭い幅へ指定したいのにmin-widthを使う

目標は600px以下だけ青にすること。広い幅の修正版が黒なのは意図した結果です。600pxちょうどはmin/max双方の境界に含まれます。

学習メモ

比較する指定

@media (min-width: 600px) {
  .title { color: #1f5892; }
}

上の「学習メモ」が確認対象。CSSを直す場合は、このHTMLファイルの指定を編集して保存し、再読み込みします。