Najbolje prakse | DivMagic

Savjeti i trikovi kako biste maksimalno iskoristili DivMagic

1. Radite prije svega na mobilnim uređajima

Slično kao Tailwind, prvo ciljajte mobilne uređaje, a zatim dodajte stilove za veće ekrane. Ovo će vam pomoći da kopirate i pretvorite stilove mnogo brže i lakše.

DivMagic konvertuje element onako kako ga vidite u pretraživaču. Ako imate veliki ekran, kopirani stilovi će biti za veliki ekran i uključivati ​​margine, padding i druge stilove za tu veličinu ekrana.

Umjesto kopiranja stilova za veliki ekran, promijenite veličinu pretraživača na manju veličinu i kopirajte stilove za tu veličinu ekrana. Zatim dodajte stilove za veće ekrane.

2. Obratite pažnju na pozadinu

Kada kopirate element, DivMagic će kopirati boju pozadine. Međutim, moguće je da boja pozadine elementa dolazi od nadređenog elementa.

Ako kopirate element, a boja pozadine nije kopirana, provjerite boju pozadine u nadređenom elementu.

3. Obratite pažnju na grid elemente

DivMagic kopira element onako kako ga vidite u svom pretraživaču. grid elementi imaju mnogo stilova koji zavise od veličine prikaza.

Ako kopirate grid element i kopirani kod se ne prikazuje ispravno, pokušajte promijeniti stil grid u flex

U većini slučajeva, promjena stila grid u flex i dodavanje nekoliko stilova (npr. flex-row, flex-col) će vam dati isti rezultat.