CSS - Problema max-width

Hola
Estoy intentando cambiar la distribución cuando la página web sea menor a 576px
El contenedor esta distribuido en 3 cajas, donde el titulo esta en la primera fila y el video y párrafo están en la segunda (adjunto imágenes)




Estoy buscando un resultado en una única columna donde la distribución del contenedor sea:
Titulo
Video
Descripción

Se agradece cualquier ayuda

Hola,

tienes que añadir un media query para el tamaño que quieres como


y añadir los ajustes que quieras.

Un saludo!

Gracias por tu respuesta Ivan
Este es el resultado, cuando utilizo "max-width" mi página no sufre ningún cambio
Se te ocurre que puede estar pasando?

Hola,

veo que hablas de max y en tu ejemplo veo min, así que hagamos un repaso.

min-width: 576px -> Se aplica cuando la pantalla va de 576px al infinito
max-width: 576px -> Se aplica cuando la pantalla va de 0px a 576px

Si tienes varios media query recuerda que css utiliza el orden en cascada, es decir, si dos instrucciones colisionan se aplica la última escrita en la hoja css.

Para ver los cambios modifica el tamaño del navegador con el ratón y se tienen que ver sí o sí.

Un saludo!