Media Query min gebunden funktioniert nicht

Question

Ich habe diese Abfrage in meinem CSS. Ursprünglich ist die width100% und wenn die Bildschirmgröße zwischen 768 und 1024 px ist, möchte ich es 50%. Die max-width scheint zu funktionieren, weil die width wird halbiert, aber sobald die Bildschirmbreite unter 768 geht es immer noch 50% bleibt. Sollte es nicht wieder auf 100% zurückgesetzt werden?

@media (max-width: 1023px) and (min-width: 768px) 
    .item { 
    width: 50%; 
} 

Answer 1

Sie vermissen ein paar Curley Klammern. Es sollte wie folgt aussehen ...

@media (max-width: 1023px) and (min-width: 768px) { 
    .item { 
     width: 50%; 
    } 
}