Lücke in grid-Spalte

[Rolf B]

Hallo Gast,

der Abstand zwischen text2 und text3 ändert sich, weil sie im Grid in neue Spalten rutschen. Für text2 gilt damit nun 3em als Breite, vorher war es max-content.

Wenn Du willst, dass text2 und text3 in den Spalten 2 und 3 bleiben, kann man entweder das div mit text1 weiterhin als Dummy erzeugen oder text2 und text3 mittels grid-column Eigenschaft in die Spalten 2 und 3 zwingen.

Wenn Du willst, dass der Abstand zwischen text2 und text3 gleich bleibt, selbst wenn sie nach vorn rutschen, taugt dein Spaltentemplate nicht. Es könnte sinnvoller sein, die Spaltenbreite auf auto zu setzen und mit justify-content:start die Spalten linksbündig zu setzen. Ohne diese justify-Angabe würden auto-Spalten verbreitert, bis die Spalten den verfügbaren Platz ausfüllen. Die Spaltenbreite selbst könntest Du dann mit einer width-Angabe für das jeweilige div, das die Spalte bildet, setzen.

Ob das eine Lösung ist oder nur wieder neue Probleme erzeugt? Ich weiß es nicht, denn ich habe das Gefühl, dass wir hier wild in der Gegend herumdoktern und Probleme lösen, die es vielleicht gar nicht geben muss.

Könntest Du bitte die fachliche Problematik, die Du lösen willst, verständlich beschreiben? Ohne auf CSS einzugehen. Was für Daten hast Du? Welche Konstellationen kommen vor? Wie soll es in welcher Konstellation aussehen?

Rolf