I've encountered an issue with my CSS code. It seems to be working fine until the @max-width:767 media query, but then it stops working on the resolution immediately below it, which is @425. However, it starts working again on resolutions below that. Any help in identifying and resolving this issue would be greatly appreciated.
@media only screen and (max-width: 767px) {
/* Styles for resolutions up to 767px */
}
@media only screen and (max-width: 425px)
{
/* Styles for resolutions up to 425px */
}
@media only screen and (max-width: 375px)
{
/* Styles for resolutions up to 375px */
}
@media only screen and (max-width: 325px)
{
/* Styles for resolutions up to 325px */
}