CSS में फ्लेक्स शॉर्टहैंड प्रॉपर्टी

flex प्रॉपर्टी ग्रो, श्रिंक और बेसिस प्रॉपर्टीज के लिए एक शॉर्टहैंड है। शॉर्टहैंड प्रॉपर्टीज का क्रम महत्वपूर्ण है और यह इस प्रकार है: flex-grow, flex-shrink, flex-basis। प्रॉपर्टीज को अंत से छोड़ा जा सकता है, इस स्थिति में वे डिफॉल्ट वैल्यू ले लेंगी।

Задание 1

निम्नलिखित कोड को flex शॉर्टहैंड प्रॉपर्टी के माध्यम से फिर से लिखें:

css.child {
  flex-basis: 100px;
  flex-grow: 1;
  flex-shrink: 2;
}

Задание 2

निम्नलिखित कोड को flex शॉर्टहैंड प्रॉपर्टी के माध्यम से फिर से लिखें:

css.child {
  flex-shrink: 0.5;
  flex-grow: 2;
}

Задание 3

निम्नलिखित कोड को flex शॉर्टहैंड प्रॉपर्टी के माध्यम से फिर से लिखें:

css.child {
  flex-shrink: 0.5;
  flex-grow: 1;
}

Задание 4

निम्नलिखित कोड को विस्तारित प्रॉपर्टीज के माध्यम से फिर से लिखें:

css.child {
  flex: 1 2 200px;
}

Задание 5

निम्नलिखित कोड को विस्तारित प्रॉपर्टीज के माध्यम से फिर से लिखें:

css.child {
  flex: 2 0.7;
}

Задание 6

निम्नलिखित कोड को विस्तारित प्रॉपर्टीज के माध्यम से फिर से लिखें:

css.child {
  flex: 3;
}