The layout of my landing page has a CSS structure that looks like this:
body {
background: white;
}
@media (min-width: 768px) {
body {
background: red;
}
}
@media (max-width: 767px) {
body {
background: blue;
}
}
Despite trying various adjustments, on both desktop Safari and iPhone (specifically tested on an actual iPhone 6S), the background color remains red. I have attempted changes such as applying device-ratio x2, but the background stays stubbornly red on the iPhone. Is there something I missed in my code?