divmagic Make design
SimpleNowLiveFunMatterSimple

सबसे बढ़िया तरीका | दिवमैजिक के बा

दिवमैजिक से अधिका से अधिका फायदा उठावे खातिर टिप्स आ ट्रिक

1. मोबाइल-पहिले काम करीं

Tailwind के समान बा, पहिले मोबाइल डिवाइस के टारगेट करीं आ ओकरा बाद बड़हन स्क्रीन खातिर स्टाइल जोड़ दीं. एहसे रउरा स्टाइल के कॉपी आ कन्वर्ट बहुते तेजी से आ आसान हो जाई.

डिवमैजिक कवनो तत्व के ओइसहीं बदल देला जइसे रउरा ब्राउजर में देखत बानी. अगर रउरा लगे बड़हन स्क्रीन बा त कॉपी कइल स्टाइल बड़हन स्क्रीन खातिर होखी आ ओह स्क्रीन साइज खातिर मार्जिन, पैडिंग आ अउरी स्टाइल शामिल होखी.

बड़हन स्क्रीन खातिर स्टाइल के कॉपी करे के बजाय अपना ब्राउजर के आकार छोट साइज में बदल दीं आ ओह स्क्रीन साइज खातिर स्टाइल के कॉपी करीं. एकरा बाद, बड़ स्क्रीन खातिर स्टाइल जोड़ल जाला।

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

जब रउआ कवनो तत्व के कॉपी करीं त डिवमैजिक बैकग्राउंड रंग के कॉपी करी। हालाँकि, ई संभव बा कि कौनों तत्व के बैकग्राउंड रंग कौनों पैरेंट तत्व से आ रहल होखे।

अगर रउआँ कौनों तत्व के कॉपी करीं आ बैकग्राउंड रंग कॉपी ना भइल होखे तब बैकग्राउंड रंग खातिर पैरेंट तत्व के जांच करीं।

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

डिवमैजिक कवनो तत्व के ओइसहीं कॉपी करेला जइसे कि रउरा अपना ब्राउजर में देखत बानी. grid तत्व सभ में बहुत सारा स्टाइल होला जे व्यू साइज पर निर्भर होला।

अगर रउआ कवनो grid तत्व के कॉपी करीं आ कॉपी कइल कोड सही ना लउके त grid स्टाइल के flex में बदले के कोशिश करीं

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

© 2024 DivMagic, Inc.