Melhores Práticas | DivMagic

Dicas e truques para aproveitar ao máximo o DivMagic

1. Trabalhe primeiro no celular

Semelhante a Tailwind, segmente primeiro dispositivos móveis e depois adicione estilos para telas maiores. Isso o ajudará a copiar e converter estilos com muito mais rapidez e facilidade.

DivMagic converte um elemento conforme você o vê no navegador. Se você tiver uma tela grande, os estilos copiados serão para uma tela grande e incluirão margem, preenchimento e outros estilos para esse tamanho de tela.

Em vez de copiar os estilos para uma tela grande, redimensione seu navegador para um tamanho menor e copie os estilos para esse tamanho de tela. Em seguida, adicione os estilos para telas maiores.

2. Preste atenção ao fundo

Ao copiar um elemento, o DivMagic copiará a cor de fundo. No entanto, é possível que a cor de fundo de um elemento venha de um elemento pai.

Se você copiar um elemento e a cor de fundo não for copiada, verifique a cor de fundo do elemento pai.

3. Preste atenção aos elementos grid

DivMagic copia um elemento conforme você o vê em seu navegador. Os elementos grid têm muitos estilos que dependem do tamanho da visualização.

Se você copiar um elemento grid e o código copiado não for exibido corretamente, tente alterar o estilo grid para flex

Na maioria dos casos, alterar o estilo grid para flex e adicionar alguns estilos (ex: flex-row, flex-col) fornecerá o mesmo resultado.