"Mobile First" подход (OPTIONAL)

Использование

Начните создавать стили с мобильных устройств и постепенно добавляйте медиа-запросы для больших экранов. Это помогает создавать более эффективные и легкие стили, повышая производительность.

/* Styles for mobile devices (and styles without media queries) */

/* Media queries for tablets */
@media screen and (min-width: 768px) {
  /* Styles for screens with a width of 768px and above */
}

/* Media queries for desktops */
@media screen and (min-width: 1200px) {
  /* Styles for screens with a width of 1200px and above */
}