Кау выставить блоки на всю ширину?

Question

[JTester]

У меня имеется такие вот белые блоки, они внутри row, у этого класса

display: flex:
column-gap: 15px;

Внутри row у меня container, а внутри container находятся сами это блоки (col)
Как сделать, чтобы сами эти все колонки занимали всю ширину контейнера, то чтобы первый блок был больше и когда я менял h1, чтобы его ширина не менялась

Comments

[JTester]

https://ibb.co/NmKvBBh

[Kentavr16]

как вариант flex-grow.Также можно назначить ширину родительского контейнера в 100 процентов, а дочерним поставить сколько вам нужно - 40 и 60 процентов, к примеру. как вариант пример

Answer 1

[Sviatoslav1]

Чтобы сделать так, чтобы все колонки занимали всю ширину контейнера, вы можете использовать свойство "flex-grow" для класса "col". Например, если вы хотите, чтобы первая колонка была больше, вы можете установить flex-grow для первого блока как 2, а для остальных колонок как 1.

Чтобы ширина первого блока не менялась при изменении размера h1, вы можете использовать свойство "min-width" для первого блока. Это гарантирует, что ширина блока не будет меньше указанного значения.

.col {
  flex-grow: 1;
}

.col:first-child {
  flex-grow: 2;
  min-width: 200px;
}

Это пример свойства которое вы можете использовать. Значения могут менятся в зависимости от ваших потребностей.

Comments

[JTester]

спасибо большое)))
Обнял)