@NAZIRwill29
Posted
@RTX3070 awesome website.
The desktop view are not functioning, should change @media screen and (min-width: 1440px) to @media screen and (min-width: 600px). The 1440px will never be trigger because the it is max view for desktop. Make it 600px because it is the size for mobile view.
@media (min-width: 1440px) mean the style will apply for size view > 1440px.
Marked as helpful
@RTX3070
Posted
@NAZIRwill29 Thanks for the info, your monitor is less than 1440px wide?
@NAZIRwill29
Posted
@RTX3070 yeah, my monitor is kind of less than 1440px.
But that is not the problem, the problem is as you design your web for mobile-first, then you want to make style for desktop, you should state the @media to be applied to the max mobile width so that for width above the mobile width will be applied the desktop style.
@RTX3070
Posted
@NAZIRwill29 but my media queries are "min-width: 375px" and "min-width: 1440px", so from 375px to 1439px is for mobile and from 1440px and above is for desktop.
@NAZIRwill29
Posted
@RTX3070 owh! so that's what you want to do😅.
Normally, for the view above 600px is consider to be desktop view not mobile view. That why every programmer do @media (min-width: 600px) for desktop style.
Marked as helpful
