Guten Morgen! Gestern am Stammtisch besprochen > > Und dieses „Icon“ habe ich gleich bei den Cards weiterverwendet: [](/images/05a605fe-2130-11ee-ad05-b42e9947ef30.png) > > 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](https://wiki.selfhtml.org/wiki/Kategorie:Icon) - Icon aus Tutorial haben ein -`float:right`, das muss hier entfernt werden * 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!

Guten Morgen! Gestern am Stammtisch besprochen > > Und dieses „Icon“ habe ich gleich bei den Cards weiterverwendet: [](/images/05a605fe-2130-11ee-ad05-b42e9947ef30.png) > > Was haltet ihr davon? So können wir Icons und mehr Links oder einen längeren Linktext kombinieren. **Vorteil gegnüber den großen Cards** * benötigt nur ein [Icon](https://wiki.selfhtml.org/wiki/Kategorie:Icon) - Icon aus Tutorial haben ein -`float:right`, das muss hier entfernt werden * 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!

Guten Morgen! Gestern am Stammtisch besprochen > > Und dieses „Icon“ habe ich gleich bei den Cards weiterverwendet: [](/images/05a605fe-2130-11ee-ad05-b42e9947ef30.png) > > Was haltet ihr davon? So können wir Icons und mehr Links oder einen längeren Linktext kombinieren. **Vorteil gegnüber den großen Cards** * benötigt nur ein [Icon](https://wiki.selfhtml.org/wiki/Kategorie:Icon) - Icon aus Tutorial haben ein -`float:right`, das muss hier entfernt werden * 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. * 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!

Guten Morgen! Gestern am Stammtisch besprochen > > Und dieses „Icon“ habe ich gleich bei den Cards weiterverwendet: [](/images/05a605fe-2130-11ee-ad05-b42e9947ef30.png) > > Was haltet ihr davon? So können wir Icons und mehr Links oder einen längeren Linktext kombinieren. **Vorteil gegnüber den großen Cards** * benötigt nur ein [Icon](https://wiki.selfhtml.org/wiki/Kategorie:Icon) * 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. - 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. * 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!