Я хочу, чтобы все на карте выровнялось на столбце, за исключением прикрепленного изображения, как мне правильно отделить ⇐ Html

[Anonymous]

Я пытаюсь создать горизонтальную карту, но независимо от того, что я пытаюсь, я не могу выровнять имя, цену и кнопку на столбце, не включив изображение в него. «Гиб-направление: столбец» |
Результат два, не используя Flex < /p>
Карты загружаются через JS из объекта, содержащий несколько вещей, такие как цена, изображения и кодовое значение: < /p>
function mostrarEvento(evento) {
return `


${evento.tipo}
$ ${evento.precio}
Comprar
`;
}
< /code>
, которые затем стилизованы с помощью CSS: < /p>
.cartaEvento {
min-width: 40em;
margin: 1em;
padding: 1em;
display:flex;
align-items: center;
flex-direction: column;
gap: 10px;
border-radius: 5px;
border-width: 1px;
border-style: solid;
border-color: black;
}
< /code>
Я пробовал несколько вещей, изменив тип дисплея, поиск на любом форуме и пытаясь узнать больше Flexbox, но ничего не работает, я даже пытался дать изображение собственные свойства, и это тоже не работает: < /p>
< /p>

Извините, если форматирование плохое, я все еще узнаю, как использовать этот сайт.
Любая помощь ценится. < /p>

Подробнее здесь: https://stackoverflow.com/questions/796 ... e-attached