como configurar media query?

[esystemas]

hola quisiera saber como hacer para que un divgrande desaparesca y aparesca ne lugar uno pequeño , solo cuando la resolucionde la pantalla sea menor o igual a800 px

estba haciendo l asi
@media only screen and (min-width: 300px) and (min-width: 800px) {
#div grande {display: none;}
#div pequeño {display: block;}

pero cuando no estoy muy seguro alguna idea? muchas gracias

[Alexis88]

El id del <div> debería de tener una forma como '#divGrande' o '#div_grande', mas no con un espacio en medio. Por otro lado, si te fijas bien, estás condicionado a la media query para que ejecute el código cuando el ancho de la pantalla tenga como mínimo 300 y 800 píxeles, cuando el límite superior debería corresponder al máximo del ancho.

Código CSS:

@media only screen and (min-width: 300px) and (max-width: 800px) {
    #divGrande{
        display: none;
    }
    #divChico{
        display: block;
    }
}
 

Saludos