Sass MediaScreen

Mixins for checking group of devices or device by name. Expandable and very simple for usage.

Google Pixel 2 XL Landscape Portrait
iPhone 5 / SE Landscape Portrait
iPhone 6-8 Landscape Portrait
iPhone 6-8 Plus Landscape Portrait
iPhone X / XS / 11 Pro Landscape Portrait
iPhone XR / 11 Landscape Portrait
iPhone XS Max / 11 Pro Max Landscape Portrait
iPhone 12 / 12 Pro / 13 / 13 Pro Landscape Portrait
iPhone 12 mini / 13 mini Landscape Portrait
iPhone 12 Pro Max / 13 Pro Max Landscape Portrait
iPad 1, Air, Mini Landscape Portrait
iPad Pro 9.7" Landscape Portrait
iPad Pro 10.5" Landscape Portrait
iPad Pro 11" Landscape Portrait
iPad Pro 12.9" Landscape Portrait
Mobile Landscape Portrait
Tablet Landscape Portrait
Laptop Landscape Portrait
MacBook 12"
iMac 27"
Desktop Small
Desktop Medium
Desktop Large
Desktop
Don't check the adaptability in the browser DevTools, there are incorrectly calculated dimensions of the sides in the landscape orientation of the device. It is better to check on a real device or in a simulator (for example, xCode Simulator).