CARDS Spielwiese

Card-Inhalte von oben nach unten als display:flex, flexo-start damit alle nach oben ausgerichtet sind. Das unterste Element mit den Icons hat margin-top:auto, damit es bottom ausgerichtet wird, auch wenn es weniger Text als die Nachbarn hat.

Text im content-texto hat text-align:justify. Die Button unten rutschen bei Mobile Darstellung per order:2 nach rechts, und die Icons per order:1 nach links.

Das Datum wäre eigentlich das erste flex-item in der Abfolge, doch ist es absolute positioniert

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.

Text im content-texto hat text-align:justify. Die Button unten rutschen bei Mobile Darstellung per order:2 nach rechts, und die Icons per order:1 nach links.

Das Datum wäre eigentlich das erste flex-item in der Abfolge, doch ist es absolute positioniert

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.

Text im content-texto hat text-align:justify. Die Button unten rutschen bei Mobile Darstellung per order:2 nach rechts, und die Icons per order:1 nach links.

Das Datum wäre eigentlich das erste flex-item in der Abfolge, doch ist es absolute positioniert

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.

Text im content-texto hat text-align:justify. Die Button unten rutschen bei Mobile Darstellung per order:2 nach rechts, und die Icons per order:1 nach links.

Das Datum wäre eigentlich das erste flex-item in der Abfolge, doch ist es absolute positioniert

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.

Text im content-texto hat text-align:justify. Die Button unten rutschen bei Mobile Darstellung per order:2 nach rechts, und die Icons per order:1 nach links.

Das Datum wäre eigentlich das erste flex-item in der Abfolge, doch ist es absolute positioniert

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.