All solutions

im sorry for my english

im kinda confused in media query css, what is the difference between min and max? and how do i could use that on both ?

also why do i need to put margin auto when i put the display flex into the container not the body? so the good practical use is to put display flex on the body always? because when i display flex on the container, the container need a margin auto to make sure the content put into the middle , but the body doesnt need margin. Thanks

.container { background-color: var(--white); padding: 1.25rem; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: auto; border-radius: 0.625rem; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); margin-bottom: 2rem; }

here is what i mean about container with margin auto if you guys confused about my english