En İyi Uygulamalar | DivMagic

DivMagic'ten en iyi şekilde yararlanmak için ipuçları ve püf noktaları

1. Önce mobil çalışın

Tailwind'e benzer, Önce mobil cihazları hedefleyin, ardından daha büyük ekranlar için stiller ekleyin. Bu, stilleri çok daha hızlı ve daha kolay kopyalamanıza ve dönüştürmenize yardımcı olacaktır.

DivMagic, bir öğeyi tarayıcıda gördüğünüz şekliyle dönüştürür. Büyük bir ekranınız varsa, kopyalanan stiller büyük ekran için olacaktır ve o ekran boyutuna ilişkin kenar boşluğunu, dolguyu ve diğer stilleri içerecektir.

Büyük bir ekranın stillerini kopyalamak yerine, tarayıcınızı daha küçük bir boyuta yeniden boyutlandırın ve o ekran boyutuna ait stilleri kopyalayın. Ardından daha büyük ekranlara yönelik stilleri ekleyin.

2. Arka plana dikkat edin

Bir öğeyi kopyaladığınızda DivMagic arka plan rengini kopyalayacaktır. Ancak bir öğenin arka plan renginin bir üst öğeden gelmesi mümkündür.

Bir öğeyi kopyalarsanız ve arka plan rengi kopyalanmazsa, arka plan rengi için ana öğeyi kontrol edin.

3. grid öğelerine dikkat edin

DivMagic, bir öğeyi tarayıcınızda gördüğünüz şekilde kopyalar. grid öğelerinin görünüm boyutuna bağlı birçok stili vardır.

Bir grid öğesini kopyalarsanız ve kopyalanan kod doğru görüntülenmiyorsa grid stilini flex olarak değiştirmeyi deneyin.

Çoğu durumda grid stilini flex olarak değiştirmek ve birkaç stil eklemek (ör. flex-row, flex-col) size aynı sonucu verecektir.