Guten Morgen!
Gestern am Stammtisch besprochen
Und dieses „Icon“ habe ich gleich bei den Cards weiterverwendet:
Was haltet ihr davon? So können wir Icons und mehr Links oder einen längeren Linktext kombinieren.
Vorteil gegenüber den großen Cards
- benötigt nur ein Icon
- Icon aus Tutorial haben ein -
float:right
, das muss hier entfernt werden
- Icon aus Tutorial haben ein -
- Unterseiten als Liste verlinkt
- muss Liste überhaupt in div geschachtelt werden? - Ja, wenn „Überschrift“ dabei ist.
- Man könnte die (Über)-Schrift (
.cards-container a b{font-size:1.5em}
größer darstellen. Dann müsste aber evtl. man die langen Überschriften kürzen.- Die Überschrift "Datenvisualisierung" wäre in 1.5em länger als der Platz und würde das Icon über den rechten Rand hinausschieben.
- Ich hatte grad überlegt, ob man dann nur die langen Überschriften über die ganze Breite ziehen soll → dann wären die Icons aber nicht in der gleichen Höhe.
- Sollte man alternativ alle Überschriften in eine eigene Zeile und nur die Listen und das Icon in das kleine
grid {1fr 120px}
packen?
- Evtl noch ein p.teaser, der mit
cards-container .teaser { grid-column: 1 / -1;}
über die ganze Breite geht.
Wer Ideen hat - immer her damit! Ich frag euch sonst Mittwoch am Stammtisch!
War schön gestern.
Herzliche Grüße
Matthias Scharwies
--
Ich habe heute rausgefunden, dass in das Pizzafach meines Rucksacks auch ein Laptop passt!
Ich habe heute rausgefunden, dass in das Pizzafach meines Rucksacks auch ein Laptop passt!