| Viewport Size | Viewport Orientation | Media Query |
|---|---|---|
| Smaller than mobile | 319px (portrait) | @media only screen and (max-width: 319px) |
| Mobile-first | 320px (portrait) | Default CSS Ruleset |
| Laptop | 1024px (landscape) | @media only screen and (min-width: 1024px) |
| Viewport Size | Viewport Orientation | Media Query |
|---|---|---|
| Smaller than mobile | 319px (portrait) | @media only screen and (max-width: 319px) |
| Mobile-first | 320px (portrait) | Default CSS Ruleset |
| Laptop | 1024px (landscape) | @media only screen and (min-width: 1024px) |