Nejlepší řešení pro grid aktuality

Hledám nejlepší řešení pro grid výpisu aktualit nebo zboží

Chcí vypsat do gridu aktuality například. Tři položky: nadpis, obrazek, text ... chci aby to bylo responsivní, automaticky se zarovnavalo ... abych lehce mohl určit počet sloupců vůči responsivitě ... aby bylo vertikalne zarovnano kdyz napriklad Nadpis 1 bude delsi tim padem vytvori vyšší buňku

<div class="container">

<div>Nadpis 1</div>
<div>Obrázek 1</div>
<div>Text 1</div>

<div>Nadpis 2</div>
<div>Obrázek 2</div>
<div>Text 2</div>

<div>Nadpis 3</div>
<div>Obrázek 3</div>
<div>Text 3</div>

</div>

Vypsat by se to Melo nasledovne:

Nadpis 1 | Nadpis 2 | Nadpis 3
Obrázek 1 | Obrázek 2 | Obrázek 3
Text 1 | Text 2 | Text 3

Pomoco display: grid se mi to nedari ...

respektive dostanu to do gridu 3x3 ... ale už ne aby se to například zalomilo po dvou sloupcích