- Responsive Web Design (RWD)

<picture>    <source srcset="./small-image.jpg" media="(max-width: 400px)">    <source srcset="./big-image.jpg" media="(max-width: 768px)">    <img src="./default.jpg" /></picture> 

@media only screen and (max-width: 768px) {        .content {            text-align: center;        }        .content img {            max-width: 80%;        }        .content p {            padding: 0 70px;        }   } 

@media only screen and (max-width: 600px) {  //    600px    600px        }@media only screen and (min-width: 600px) {  //    600px    600px       }@media only screen and (min-width: 768px) {  //    768px    768px               }@media only screen and (min-width: 992px) {  //    992px    992px    -       }@media only screen and (min-width: 1200px) {  //    1200px    1200px                  }