Najbolji primjeri iz prakse | DivMagic

Savjeti i trikovi kako najbolje iskoristiti DivMagic

1. Radite prije svega mobilno

Slično Tailwindu, prvo ciljajte na mobilne uređaje, a zatim dodajte stilove za veće zaslone. To će vam pomoći da brže i lakše kopirate i pretvarate stilove.

DivMagic pretvara element onako kako ga vidite u pregledniku. Ako imate veliki zaslon, kopirani stilovi bit će za veliki zaslon i uključivat će margine, ispune i druge stilove za tu veličinu zaslona.

Umjesto kopiranja stilova za veliki zaslon, promijenite veličinu preglednika na manju veličinu i kopirajte stilove za tu veličinu zaslona. Zatim dodajte stilove za veće zaslone.

2. Obratite pozornost 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 nadređeni element za boju pozadine.

3. Obratite pozornost na elemente grid

DivMagic kopira element onako kako ga vidite u svom pregledniku. Elementi grid imaju puno stilova koji ovise o veličini prikaza.

Ako kopirate element grid 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) dat će vam isti rezultat.