Как сделать мобильную версию лендинга

Адаптивный сайт на основе media запросов

при разрешении экрана менее 800 пикселей :



@media screen and (max-width: 800px) {

  /* CSS */

}



медиа-запрос предназначен для смартфонов:



@media screen and (max-width: 479px) {

  /* CSS */

}