How does min-width work?

Question

css

Hello!
I have a landing page with many elements with position:absolute, with right, left, top in %. It is necessary that the site does not shrink too much, so I specified min-width: 1024px; for the body, but absolute elements still respect the browser borders, not the minimum width. The same goes for the div-wrapper. For example, the background of the second page also shrinks to fit the width of the browser:
.bg2{
position:absolute;
top:100%;
height:100%;
width:100%;
background: url(Group_.png) no-repeat;
background-size: 100% 100%
z-index:-15;
}
I looked in Google, everything works fine for everyone. What to do?

Answer 1

Use media queries.