Мыкты тажрыйбалар | DivMagic

DivMagic'тен максималдуу пайда алуу үчүн кеңештер жана ыкмалар

1. Биринчи мобилдик иште

Tailwindге окшош, адегенде мобилдик түзмөктөрдү максат кылып, андан кийин чоңураак экрандар үчүн стилдерди кошуңуз. Бул сизге стилдерди тезирээк жана оңой көчүрүүгө жана конвертациялоого жардам берет.

DivMagic элементти браузерде көрүп тургандай кылып өзгөртөт. Эгер сизде чоң экран болсо, көчүрүлгөн стилдер чоң экран үчүн жана ошол экрандын өлчөмү үчүн чекти, толтурууну жана башка стилдерди камтыйт.

Чоң экран үчүн стилдерди көчүрүүнүн ордуна, браузериңиздин өлчөмүн кичирейтиңиз жана ошол экран өлчөмү үчүн стилдерди көчүрүңүз. Андан кийин, чоңураак экрандар үчүн стилдерди кошуңуз.

2. Фонго көңүл буруңуз

Элементти көчүргөнүңүздө, DivMagic фондун түсүн көчүрөт. Бирок, элементтин фон түсү негизги элементтен келип чыгышы мүмкүн.

Эгер сиз элементти көчүрсөңүз жана фондун түсү көчүрүлбөсө, фон түсү үчүн ата-эне элементти текшериңиз.

3. grid элементтерине көңүл буруңуз

DivMagic элементти браузериңизде көргөндөй көчүрөт. grid элементтеринде көрүү өлчөмүнө жараша көптөгөн стилдер бар.

Эгер сиз grid элементин көчүрүп алсаңыз жана көчүрүлгөн код туура көрсөтүлбөсө, grid стилин flex кылып өзгөртүп көрүңүз

Көпчүлүк учурларда, grid стилин flex кылып өзгөртүү жана бир нече стилдерди кошуу (мисалы: flex-row, flex-col) сизге бирдей натыйжа берет.