I'm tired of seeing people use @media (orientation: landscape) to fix layout issues on mobile. It breaks everything when someone rotates their tablet or uses a foldable device in the wrong way. Stick to
fixed breakpoints based on screen width instead.
@media (max-width: 600px) {.sidebar {display: none;}}It's much more predictable for the grid logic.