Design Umsetzung

[marctrix]

Hej Gunnar,

@@Bernd

Absolut positioniert. Mit left: 50%; top: 50% positionierst du die linke obere Ecke des „oder“ in die Mitte der Grid-Box (die Prozentangaben beziehen sich auf Breite/Höhe der Grid-Box); mit transform: translate(-50%, -50%) schiebst du das „oder“ in die Mitte (die Prozentangaben beziehen sich auf Breite/Höhe der „oder“-Box).

Warum nicht in dasselbe Grid?

Erster Link von Position eins bis 3, zweiter Link von drei bis fünf, das "oder" von zwei bis vier - je nachdem ob man in der horizontalen oder vertikalen Ansicht ist nimmt man grid-column oder grid-row. Gut man braucht media-queries. Brauchst du auch.

Klingt mir erst mal, ob es einen Versuch wert ist (der Teufel liegt bekanntlich oft im Detail und ich komme gerade nicht dazu, es auszuprobieren, mir fällt aber gerade nichts ein, was dagegen sprechen sollte…)

Marc