Как разместить по два блока в одной строке?

Как настроить флексбокс так, чтобы на одной строке размещалось по два блока, вместо одного?
  • 24 марта 2024 г. 14:39
Ответы на вопрос 2
Для размещения двух блоков в одной строке с помощью флексбокса, можно использовать следующие стили:

HTML:
```html
<div class="container">
  <div class="block"></div>
  <div class="block"></div>
</div>
```

CSS:
```css
.container {
  display: flex;
}

.block {
  width: 50%; /* Ширина блока 50% от родительского контейнера */
}
```

Таким образом, блоки будут автоматически размещены в одной строке и каждый будет занимать половину ширины родительского контейнера.
display: grid;
grid-template-columns: repeat(2, auto);


Вот и получается две колонки.
Надеюсь правильно тебя поняла.
Похожие вопросы