use
min-width media queries instead of
max-device-width for better flexibility across devices - this helps in adjusting layouts w/o forcing users to rotate their screens unnecessarily.
@media only screen and (min-width: 601px) { /* styles */ }>also, consider using viewport units like vw/vh alongside percentage-based widths/heights for more fluid responsiveness.