CSS හි flex බ්ලොක් සංසිඳුවනය මත මූලද්‍රව්‍යවල ලොභයේ බලපෑම

දැන් අපි ලොභයේ බලපෑම බලමු. සියලු උපාංගවලට පළල ඉවත් කර උපාංග සඳහා flex-grow 1 ලෙස සකසන්න, දෙවන උපාංගය සඳහා - 3 ලෙස සකසන්න. එහි ප්‍රතිඵලයක් ලෙස දෙවන බ්ලොක් එක අනෙක් ඒවාට වඩා 3 ගුණයකින් විශාල වනු ඇත.

කෙසේ වෙතත්, ඔබ කවුළුව ප්‍රමාණවත් තරම් හකුළුවන්නේ නම්, දෙවන බ්ලොක් එක තවදුරටත් අනෙක් ඒවාට වඩා 3 ගුණයකින් විශාල නොවනු ඇත - ඉතා හකුළු වූ විට වෙනස මකා දමනු ලැබේ. පහත උදාහරණය සමඟ ක්‍රීඩා කර, බ්‍රවුසර කවුළුව පුළුල් කර හකුළුවමින් ඔබම එය සත්‍යාපනය කරන්න:

Задание 1

න්‍යායාත්මක කොටසෙහි ඇති ආකෘතිය අනුව උදාහරණය නැවත කරන්න.