Pomoc s CSS

Ahoj.

Může mi prosím nějaký kodér poradit s tímto?

Mám tento kód a je použit Twitter Bootstrap 5 https://codepen.io/kejlicz/pen/zYwJegP

Potřebuji to upravit tak, aby byly všechny tři tlačítka ve stejné výšce, tedy aby ten nadpis a text byly normálně od shora a tlačítko by bylo umístěné na konci buňky CSS gridu.

Nějak s tím zápasím a nedaří se mi to.

Díky moc.

https://codepen.io/tom-marek/pen/KKmxEeX

Takhle bych to vyřešil já. Nevím jestli je to správně.

Koukám, že jsem tam dal class="art-top" :D nemusíš tam dávat žádnou classu. Prostě jen ten content musí být rozdělen na 2 divy a dáš tomu justify-content: space-between;

---

A takhle to jde udělat gridem, kdybys nechtěl používat flexbox.

https://codepen.io/tom-marek/pen/LYyJvPP

Původně odeslal streetcz ↪

https://codepen.io/tom-marek/pen/KKmxEeX

Takhle bych to vyřešil já. Nevím jestli je to správně.

Koukám, že jsem tam dal class="art-top" :D nemusíš tam dávat žádnou classu. Prostě jen ten content musí být rozdělen na 2 divy a dáš tomu justify-content: space-between;

---

A takhle to jde udělat gridem, kdybys nechtěl používat flexbox.

https://codepen.io/tom-marek/pen/LYyJvPP

Díky moc. Já jsem se s CSS Gridem teprve učím a nějak mě tohle nenapadlo. Přitom je to tak easy :-)

Původně odeslal streetcz ↪

https://codepen.io/tom-marek/pen/KKmxEeX

Takhle bych to vyřešil já. Nevím jestli je to správně.

Koukám, že jsem tam dal class="art-top" :D nemusíš tam dávat žádnou classu. Prostě jen ten content musí být rozdělen na 2 divy a dáš tomu justify-content: space-between;

---

A takhle to jde udělat gridem, kdybys nechtěl používat flexbox.

https://codepen.io/tom-marek/pen/LYyJvPP

Doplním @streetcz o tohle https://codepen.io/elardael/pen/zYwJXQv. U těhle easy věcí je GRID i FLEX jedno a to samý a může použít magin auto na spodní prvek, hornímu dát margin-bottom: 20px. Třeba.

Těch možností je celá řada.