Free online responsive breakpoint generator. Create CSS media queries for mobile, tablet, desktop. Customize breakpoints and copy code.
/* 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 */
}