Как выровнять кнопки вертикально, чтобы они были на одном уровне?

Как корректно выровнять кнопки относительно друг друга в зависимости от объема текста на странице?
  • 23 февраля 2024 г. 11:58
Ответы на вопрос 2
Для выравнивания кнопок вертикально на одном уровне можно использовать CSS свойство align-items с значением center для контейнера, в котором находятся кнопки. Например:

```css
.container {
  display: flex;
  align-items: center;
}
```

Чтобы корректно выровнять кнопки относительно друг друга в зависимости от объема текста, можно использовать CSS свойства flex-grow и flex-shrink для кнопок. Например, чтобы кнопки равномерно распределялись по ширине:

```css
.button {
  flex-grow: 1;
  flex-shrink: 1;
}
```

Таким образом, при изменении объема текста на странице, кнопки будут автоматически распределяться и выравниваться относительно друг друга.
.feedback__item{
-    display: block;
+    display: grid;
+    grid: auto auto 1fr auto / auto;

остальное доделывать самостоятельно
Похожие вопросы