Бесплатный онлайн-генератор адаптивных breakpoints. Создавайте CSS media-запросы для мобильных, планшетов и десктопов. Настройте breakpoints и скопируйте код.
/* mobile */
@media (max-width: 767px) {
/* styles */
}
/* tablet */
@media (min-width: 768px) and (max-width: 1023px) {
/* styles */
}
/* desktop */
@media (min-width: 1024px) and (max-width: 1279px) {
/* styles */
}
/* large-desktop */
@media (min-width: 1280px) {
/* styles */
}