Anker funktioniert nicht richtig

[Rolf B]

Hallo envoy,

das ist lediglich eins von vielen Membern, mit einem Foto+Text Layout. Das Member selbst ist ein Flex-Item (also Kind einer Flexbox) und bekommt dafür die Member-Klasse.

Wenn Du für das INNERE dieses Member ein spezielles Layout festlegen willst, kannst Du eine weitere Klasse zuordnen, die das tut. Diese sollte dann das Innere des Member als Grid layouten.

Was ich Dir dann auch empfehle: Gib den Elementen mit Klasse Member die Eigenschaft container-type:inline-size. Damit kannst Du innerhalb des Members die Maßeineinheit cqw verwenden (Prozentanteil von der Containerbreite) und du kannst sogar @container-Queries verwenden, um per CSS das Layout an unterschiedliche Membergrößen anzupassen.

Du kannst auch container-type:size statt inline-size verwenden, musst dann aber die Höhe der Member entweder explizit im Member festlegen oder von außen setzen (Flexbox oder Grid können so etwas tun). Damit bekommst Du dann auch für die Member-Höhe die Maßeinheit cqh hinzu. Nachteil ist dann, dass sich die Höhe nicht mehr flexibel an den Inhalt anpasst.

Rolf