Шаблон всех разрешений для верстки на CSS

Веб разработка становится все популярнее и популярнее с каждым днем. Появляются различные новшества, откуда появляется нужда в использовании новинок мира веб-разработки.
Неотъемлемой частью верстки с применением языка CSS стало конечно разрабатывать мобильную версию для сайта.
Так вот! Для того, чтобы удобнее было верстать под мобильную версию или так называемую адаптивной, вам необходимо придерживаться данного шаблона.

/* Smartphones */
@media (max-width: 480px) { ... }

/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) { ... }

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) { ... }

/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) { ... }

/* Large Display */
@media (min-width: 1200px) { ... }

Данный шаблон адаптивной верстки я сам использую всегда, когда начинаю верстать мобильную версию.