Desajuste de clases al usar el plugin web preset

Hola a todos,

Estoy usando el plugin de presets de la web, pero cuando arrastro la columna desde la página de demostración de uvas el estilo es diferente y en mi aplicación el estilo es diferente de la siguiente manera. ¿Me estoy perdiendo de algo?

**GrapesUI**

* {
  Tamaño de caja: caja de borde;
}
cuerpo {
  marje: 0;
}
body{
  imagen de fondo: URL(ninguna);
  Repetición de fondo: repetición;
  posición de fondo: arriba izquierda;
  Antecedentes-adjunto:Pergamino;
  Tamaño de antecedentes:Auto;
}
.row{
  pantalla:flex;
  justificar-contenido:flex-start;
  alinear-ítems:estirar;
  Envoltura flexible: sin envoltorio;
  Acolchado: 10px;
  relleno-derecha: 10px;
  relleno-abajo: 10px;
  relleno-izquierda: 10px;
}
.cell{
  Altura mínima: 75px;
  flex-crecimiento:1;
  Base flexible: 100%;
}
@media (ancho máximo: 768px){
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
  .row{
    Envoltura flexible: envolviente;
  }
}
@keyframes fadeEffect{
  0%{
    opacidad:0;
  }
  100%{
    opacidad:1;
  }
  0%{
    opacidad:0;
  }
  100%{
    opacidad:1;
  }
}

**Mi página web**

* {
  Tamaño de caja: caja de borde;
}
cuerpo {
  marje: 0;
}
*{
  tamaño de caja: caja de borde;
}
body{
  margen-top:0px;
  margen-derecha:0px;
  margen-bottom:0px;
  margen-izquierda:0px;
}
.now-row{
  pantalla:tabla;
  Acolchado: 10px;
  relleno-derecha: 10px;
  relleno-abajo: 10px;
  relleno-izquierda: 10px;
  ancho:100%;
}
.now-cell{
  ancho:8%;
  pantalla:table-celda;
  Altura: 75px;
}
@media (ancho máximo: 768px){
  .now-cell{
    ancho:100%;
    pantalla:bloqueo;
  }
  .now-cell{
    ancho:100%;
    pantalla:bloqueo;
  }
}

Un cordial saludo
Milap