Nejlepší postupy | DivMagic

Tipy a triky, jak z DivMagic vytěžit maximum

1. Pracujte na mobilu

Podobné jako Tailwind, nejprve cílit na mobilní zařízení a poté přidat styly pro větší obrazovky. To vám pomůže kopírovat a převádět styly mnohem rychleji a snadněji.

DivMagic převede prvek tak, jak jej vidíte v prohlížeči. Pokud máte velkou obrazovku, zkopírované styly budou pro velkou obrazovku a budou zahrnovat okraj, výplň a další styly pro tuto velikost obrazovky.

Místo kopírování stylů pro velkou obrazovku změňte velikost prohlížeče na menší velikost a zkopírujte styly pro tuto velikost obrazovky. Poté přidejte styly pro větší obrazovky.

2. Věnujte pozornost pozadí

Když zkopírujete prvek, DivMagic zkopíruje barvu pozadí. Je však možné, že barva pozadí prvku pochází z nadřazeného prvku.

Pokud zkopírujete prvek a barva pozadí se nezkopíruje, zkontrolujte barvu pozadí nadřazeného prvku.

3. Věnujte pozornost prvkům grid

DivMagic zkopíruje prvek tak, jak jej vidíte ve svém prohlížeči. Prvky grid mají mnoho stylů, které jsou závislé na velikosti pohledu.

Pokud zkopírujete prvek grid a zkopírovaný kód se nezobrazuje správně, zkuste změnit styl grid na flex

Ve většině případů získáte stejný výsledek změnou stylu grid na flex a přidáním několika stylů (např.: flex-row, flex-col).