Najlepsze praktyki | DivMagia

Wskazówki i porady, jak najlepiej wykorzystać DivMagic

1. Pracuj przede wszystkim mobilnie

Podobny do Tailwinda, najpierw skieruj reklamy na urządzenia mobilne, a następnie dodaj style przeznaczone na większe ekrany. Pomoże to kopiować i konwertować style znacznie szybciej i łatwiej.

DivMagic konwertuje element tak, jak widzisz go w przeglądarce. Jeśli masz duży ekran, skopiowane style będą przeznaczone dla dużego ekranu i będą zawierać margines, wypełnienie i inne style dla tego rozmiaru ekranu.

Zamiast kopiować style dla dużego ekranu, zmień rozmiar przeglądarki na mniejszy i skopiuj style dla tego rozmiaru ekranu. Następnie dodaj style dla większych ekranów.

2. Zwróć uwagę na tło

Kiedy kopiujesz element, DivMagic skopiuje kolor tła. Może się jednak zdarzyć, że kolor tła elementu będzie pochodził od elementu nadrzędnego.

Jeśli skopiujesz element, a kolor tła nie zostanie skopiowany, sprawdź kolor tła w elemencie nadrzędnym.

3. Zwróć uwagę na elementy grid

DivMagic kopiuje element tak, jak widzisz go w przeglądarce. Elementy grid mają wiele stylów zależnych od rozmiaru widoku.

Jeśli skopiujesz element grid i skopiowany kod nie wyświetla się poprawnie, spróbuj zmienić styl grid na flex

W większości przypadków zmiana stylu grid na flex i dodanie kilku stylów (np. flex-row, flex-col) da ten sam rezultat.