How to make a responsive website?

Question

Layout

The point is. I write different positions for 2 backgrounds through media screen
Conditionally at a resolution of 1600 it should be in one position, at 1701 another,
i.e. I write
media screen and (min-width: 1600px) and media screen and (min-width: 1400px) and (max-height:1600px).
But for some reason, at a size greater than 1600, it still uses bg, which is intended for resolutions up to 1600.
That is, everything seems to be visible and works, it’s just that media screen and (min-width: 1600px) is crossed out here if you look in the panel and is displayed in priority from here media screen and (min-width: 1400px) and (max-height :1600px). How to be?

Answer 1

"and (max-height:1600px)"
In the second case, are you sure you wanted to cut off the height?
It should probably be - and (max-width: 1600px)