Problema con el diseño responsivo.

Cuando cambio a la vista móvil, los elementos en la pantalla simplemente se apretan. (Estoy usando el plugin grapesjs-blocks-basic) En las capturas de pantalla de abajo, hay una columna con 2 celdas. Espero que se convierta a filas en la vista <br/> móvil ! Captura de pantalla (179) <hr/> ! Captura de pantalla (178) <br> El código del Administrador de dispositivos es:

deviceManager: {
      dispositivos: [{
          nombre: 'Escritorio',
          Ancho: '', // tamaño por defecto
        }, {
          nombre: 'Mobile',
          Ancho: '400px', // Este valor se usará en el ancho del lienzo
          widthMedia: '480px', // este valor se usará en CSS @media
      }]
},