Кау выставить блоки на всю ширину?
У меня имеется такие вот белые блоки, они внутри row, у этого класса
display: flex: column-gap: 15px; |
display: flex: column-gap: 15px;
Внутри row у меня container, а внутри container находятся сами это блоки (col)
Как сделать, чтобы сами эти все колонки занимали всю ширину контейнера, то чтобы первый блок был больше и когда я менял h1, чтобы его ширина не менялась
Дополнительно:
https://ibb.co/NmKvBBh
Чтобы сделать так, чтобы все колонки занимали всю ширину контейнера, вы можете использовать свойство "flex-grow" для класса "col". Например, если вы хотите, чтобы первая колонка была больше, вы можете установить flex-grow для первого блока как 2, а для остальных колонок как 1.
Чтобы ширина первого блока не менялась при изменении размера h1, вы можете использовать свойство "min-width" для первого блока. Это гарантирует, что ширина блока не будет меньше указанного значения.
.col { flex-grow: 1; } .col:first-child { flex-grow: 2; min-width: 200px; } |
.col { flex-grow: 1; } .col:first-child { flex-grow: 2; min-width: 200px; }
Это пример свойства которое вы можете использовать. Значения могут менятся в зависимости от ваших потребностей.
- спасибо большое)))
Обнял)
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы выставить блоки на всю ширину страницы, вам нужно использовать CSS свойство width: 100%. Это позволит вашему блоку занимать всю доступную ширину экрана.
Пример кода на PHP:
<div style="width: 100%"> <p>Этот блок займет всю доступную ширину</p> </div>
Если вы хотите применить это к определенному элементу, то вам нужно добавить класс или идентификатор к вашему блоку и применить стили через CSS.
Пример CSS:
.full-width { width: 100%; }
Пример использования класса в HTML:
<div class="full-width"> <p>Этот блок также займет всю доступную ширину</p> </div>
Таким образом, применяя CSS свойство width: 100% и добавляя класс или идентификатор к вашему блоку, вы сможете легко выставить его на всю ширину страницы.