Praktik Terbaik | DivMagic

Tip dan trik untuk mendapatkan hasil maksimal dari DivMagic

1. Bekerja dengan mengutamakan seluler

Mirip dengan Tailwind, targetkan perangkat seluler terlebih dahulu lalu tambahkan gaya untuk layar yang lebih besar. Ini akan membantu Anda menyalin dan mengonversi gaya dengan lebih cepat dan mudah.

DivMagic mengonversi elemen seperti yang Anda lihat di browser. Jika Anda memiliki layar besar, gaya yang disalin akan ditujukan untuk layar besar dan menyertakan margin, padding, dan gaya lain untuk ukuran layar tersebut.

Daripada menyalin gaya untuk layar besar, ubah ukuran browser Anda ke ukuran yang lebih kecil dan salin gaya untuk ukuran layar tersebut. Lalu, tambahkan gaya untuk layar yang lebih besar.

2. Perhatikan latar belakang

Saat Anda menyalin sebuah elemen, DivMagic akan menyalin warna latar belakang. Namun, warna latar belakang suatu elemen mungkin berasal dari elemen induk.

Jika Anda menyalin elemen dan warna latar belakang tidak disalin, periksa warna latar belakang elemen induk.

3. Perhatikan elemen grid

DivMagic menyalin elemen seperti yang Anda lihat di browser Anda. Elemen grid memiliki banyak gaya yang bergantung pada ukuran tampilan.

Jika Anda menyalin elemen grid dan kode yang disalin tidak ditampilkan dengan benar, coba ubah gaya grid menjadi flex

Dalam kebanyakan kasus, mengubah gaya grid menjadi flex dan menambahkan beberapa gaya (misal: flex-row, flex-col) akan memberikan hasil yang sama.