सर्वोत्तम प्रथाएं | डिवमैजिक

DivMagic से अधिकतम लाभ प्राप्त करने के लिए युक्तियाँ और तरकीबें

1. पहले मोबाइल से काम करें

Tailwind के समान, पहले मोबाइल उपकरणों को लक्षित करें और फिर बड़ी स्क्रीन के लिए शैलियाँ जोड़ें। इससे आपको शैलियों को बहुत तेजी से और आसानी से कॉपी करने और परिवर्तित करने में मदद मिलेगी।

DivMagic किसी तत्व को ब्राउज़र में देखते ही रूपांतरित कर देता है। यदि आपके पास एक बड़ी स्क्रीन है, तो कॉपी की गई शैलियाँ बड़ी स्क्रीन के लिए होंगी और इसमें उस स्क्रीन आकार के लिए मार्जिन, पैडिंग और अन्य शैलियाँ शामिल होंगी।

बड़ी स्क्रीन के लिए शैलियों की प्रतिलिपि बनाने के बजाय, अपने ब्राउज़र का आकार छोटे आकार में बदलें और उस स्क्रीन आकार के लिए शैलियों की प्रतिलिपि बनाएँ। फिर, बड़ी स्क्रीन के लिए शैलियाँ जोड़ें।

2. पृष्ठभूमि पर ध्यान दें

जब आप किसी तत्व की प्रतिलिपि बनाते हैं, तो DivMagic पृष्ठभूमि रंग की प्रतिलिपि बना लेगा। हालाँकि, किसी तत्व का पृष्ठभूमि रंग किसी मूल तत्व से आना संभव है।

यदि आप किसी तत्व की प्रतिलिपि बनाते हैं और पृष्ठभूमि रंग की प्रतिलिपि नहीं बनाई जाती है, तो पृष्ठभूमि रंग के लिए मूल तत्व की जाँच करें।

3. grid तत्वों पर ध्यान दें

DivMagic किसी तत्व को वैसे ही कॉपी कर लेता है जैसे आप उसे अपने ब्राउज़र में देखते हैं। grid तत्वों में बहुत सारी शैलियाँ हैं जो दृश्य आकार पर निर्भर हैं।

यदि आप grid तत्व की प्रतिलिपि बनाते हैं और कॉपी किया गया कोड सही से प्रदर्शित नहीं होता है, तो grid शैली को flex में बदलने का प्रयास करें।

ज्यादातर मामलों में, grid शैली को flex में बदलने और कुछ शैलियाँ (उदा: flex-row, flex-col) जोड़ने से आपको वही परिणाम मिलेगा।