Responsive CSS Media Query Starter File

Posted on Posted in Tips

Responsive design is a lot of work but this might help you. Great starter file. I didn’t create this file but I customized it for the average site. The specific media queries go up to iPhone 7 and includes Samsung Galaxy along with the iPad etc.

/* iPhone 6/7 (portrait) ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) {