<p>レスポンシブデザイン</p>
p {
  color: red;
}

@media screen and (max-width:768px) { 
    /*　画面サイズが980pxまではここを読み込む　*/
  p { color: blue;}
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.