Поля изображений имеют разные размеры (ширину) [дубликат] ⇐ CSS

[Anonymous]

.container { ширина: 400 пикселей; цвет фона: желтый; } .image-контейнер { дисплей: гибкий; } .image-часть { гибкая основа: 20%; } .image-часть h3 { маржа: 0; } .image-часть p { маржа: 0; } .изображение { ширина: 100%; радиус границы: 10 пикселей; переполнение: скрыто; } .image изображение { ширина: 100%; вертикальное выравнивание: снизу;

голубой весна прекрасна


розовый
дерево


другая картинка
синий — мой любимый


красивое дерево
розовый


картинка
картинка

У меня есть контейнер и некоторый контент (изображение и текст) в нем (также каждое изображение находится в контейнере). контейнер имеет display: flex;, а элементы flex имеют flex-basis: 20%;. Я хочу, чтобы элементы имели одинаковую ширину, но выглядели по-разному.

Я думаю, это из-за текста в элементах. Я использовал тег h3 и p.

Может ли кто-нибудь мне с этим помочь? это мой код