Mejores prácticas | DivMagia

Consejos y trucos para aprovechar DivMagic al máximo

1. Trabaja primero desde el móvil

Similar a Tailwind, apunte primero a dispositivos móviles y luego agregue estilos para pantallas más grandes. Esto le ayudará a copiar y convertir estilos mucho más rápido y fácilmente.

DivMagic convierte un elemento tal como lo ve en el navegador. Si tiene una pantalla grande, los estilos copiados serán para una pantalla grande e incluirán el margen, el relleno y otros estilos para ese tamaño de pantalla.

En lugar de copiar los estilos para una pantalla grande, cambie el tamaño de su navegador a un tamaño más pequeño y copie los estilos para ese tamaño de pantalla. Luego, agrega los estilos para pantallas más grandes.

2. Presta atención al fondo

Cuando copias un elemento, DivMagic copiará el color de fondo. Sin embargo, es posible que el color de fondo de un elemento provenga de un elemento principal.

Si copia un elemento y el color de fondo no se copia, verifique el color de fondo en el elemento principal.

3. Presta atención a los elementos grid.

DivMagic copia un elemento tal como lo ve en su navegador. Los elementos grid tienen muchos estilos que dependen del tamaño de la vista.

Si copia un elemento grid y el código copiado no se muestra correctamente, intente cambiar el estilo grid a flex.

En la mayoría de los casos, cambiar el estilo grid a flex y agregar algunos estilos (por ejemplo: flex-row, flex-col) le dará el mismo resultado.