Налаштуйте grid-властивості так, щоб кожний елемент з класом card мав мінімальну ширину, що дорівнює 100% або var(--min), та максимальну ширину, що дорівнює мінімальній ширині або 1fr. Встановіть автоматичну підгонку стовпчиків.
мінімальну ширину + максимальну ширину = minmax(<min>, <max>)мінімальну ширину, що дорівнює 100% або var(--min)(<min>) = min(100%, var(--min))максимальну ширину, що дорівнює мінімальній ширині або 1fr(<max>) = minmax(<min>, 1fr)Встановіть автоматичну підгонку стовпчиків = auto-fit
Завдання 3
мінімальну ширину
+максимальну ширину
=minmax(<min>, <max>)
мінімальну ширину, що дорівнює 100% або var(--min)
(<min>)
=min(100%, var(--min))
максимальну ширину, що дорівнює мінімальній ширині або 1fr
(<max>)
=minmax(<min>, 1fr)
Встановіть автоматичну підгонку стовпчиків
=auto-fit
Об'єднуємо:
Завдання 1, 2 - зроблені на 100%! Так тримати! Гарна робота!