Как сделать изображение выше содержимого в контейнере сетки? ⇐ CSS

[Anonymous]

Я работаю над сеткой, в которой отображаются последние статьи. Каждая статья имеет изображение и краткое описание. Я хочу, чтобы изображение было выше текстового блока контента и при этом сохраняло отзывчивость на экранах разных размеров.
Вот соответствующая часть моего кода с использованием Tailwind CSS и Next JS:

Код: Выделить всё

{articles.recentArticles.map((article, index) => (

 { }



{article.title}
{article.description}

{formatDate(article.createdAt)}





))}

На самом деле мне нужно что-то похожее на это
[img]https://i. sstatic.net/Wx5Hl20w.png[/img]

Я пробовал установить фиксированную высоту для элемента изображения, но ничего не помогло.
Я Я надеюсь добиться адаптивного макета, в котором изображение всегда будет выше текстового блока содержимого.

Подробнее здесь: https://stackoverflow.com/questions/785 ... -container