05.08.2021 11:04
1
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.
05.08.2021 11:26
2
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
05.08.2021 12:15
3
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 :-)
05.08.2021 12:35
4
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.