मैं सीएसएस का अध्ययन कर रहा हूं, इसलिए यह एक बेवकूफ सवाल हो सकता है। मैं यह नहीं समझ सकता कि मेरे पास क्यों है flex-flow: column; आइटम एक पंक्ति में हैं।

मैंने पूरे शरीर के लिए एक फ्लेक्स कंटेनर बनाया है। फिर कुछ बच्चे फ्लेक्स डिव। पैरेंट कंटेनर को बच्चों को कॉलम में रखना चाहिए। तब मैं बच्चों की सीएसएस संपत्तियों का उपयोग उनकी सामग्री को बेहतर ढंग से प्रबंधित करने के लिए करना चाहता था। जैसा कि आप मेरे कोडपेन से देख सकते हैं कि 6 कार्ड एक वीडियो और 3 कार्ड हैं। सिद्धांत रूप में वीडियो को ६ कार्डों के नीचे और अन्य ३ कार्डों के ऊपर रखा जाना चाहिए क्योंकि वे ३ अलग-अलग div में समाहित हैं, मैंने कहां गलत किया?

कोडपेन लिंक:

https://codepen.io/vujinbaku/pen/MWmgdvq

0
Kevin Nett 29 जून 2021, 19:53

2 जवाब

सबसे बढ़िया उत्तर

लाइन 43 में आपके पास डिव टैग बंद करने के बजाय एक ओपनिंग डिव टैग है। साथ ही लाइन 50 में आप h3 के बाद div टैग को बंद करना भूल गए।

1
Pulse 29 जून 2021, 20:16

यदि आप निरीक्षण करते हैं, तो आप देखेंगे कि अधिकांश कोड <div class="part> के अंतर्गत है। ऐसा इसलिए है क्योंकि आपके पास बंद div टैग हैं। निम्नलिखित चरण करें।

  1. line: 29 में, <div> को </div> से बदलकर <div> टैग को बंद कर दें।
  2. line: 43 में, <div> को </div> से बदलकर <div> टैग को बंद कर दें।

जब आप वेब विकास सीखने की प्रक्रिया में हों, तो मेरा सुझाव है कि आप अपने कोड को विभाजित करने जैसी सर्वोत्तम प्रथाओं का पता लगाएं। यह प्रभावी ढंग से डिबगिंग में मदद करता है।

1
Sana Mumtaz 29 जून 2021, 21:24