@@marctrix
Es waren mehr die Einheiten, die du ohne Erklärung verwendet hast:
vmin
undfr
dürften bei vielen zu Fragezeichen in den Augen führen.
Klar hätte ich auch em
statt vmin
verwenden können. Das hätte dann nur nicht so gut ausgesehen. Und für einen absoluten Neuling ist beides gleich fremd. Längenmaßeinheiten wollte ich hier nicht thematisieren, das hätte zu weit geführt.
Außerdem hätte ich nicht
repeat
genutzt:
Warum ich diese Schreibweise genutzt habe, hab ich schon erklärt.
Zum Rumspielen ist es auch einfacher, aus der 2
eine 3
zu machen als nochmal 1fr
dahinterzuschreiben.
Die Schreibweise in Klammern bedarf einer zusätzlichen Erklärung.
Welche ich mitgeliefert hatte: „Stelle die Bilder in einem Grid mit 2 gleichbreiten Spalten (columns) dar“.
Es dürfte erkennbar sein, dass die 2
in grid-template-columns: repeat(2, 1fr)
für die 2 Spalten steht.
Tiefergehende Erklärungen wollte ich an der Stelle gar nicht geben, das hätte zu weit geführt.
zumal bei zwei Spalten die „lange“ Schreibweise auch noch kürzer ist
Bei zweien ja, bei mehreren nein. Bei grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr
muss man erstmal zählen, wie viele es denn nun sind, und außerdem genau hinsehen, ob sie auch wirklich alle gleich breit sind.
Übrigens: gibt es auch eine Möglichkeit mit
grid-template-columns
auf eine Stelle zwei Elemente zu setzen? Mit Schrägstrich oder so?
?? Was meinst du damit?
LLAP 🖖
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory