Typical Device Breakpoints

There are tons of screens and devices with different heights and widths, so it is hard to create an exact breakpoint for each device. To keep things simple you could target five common groups:

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.test {background: red;}
}

 

Continue reading Typical Device Breakpoints