Zoomfaktor vom Browser relevant?

[Auge]

Hallo

Es ist etwas ungünstig, dass du mir antwortest, aber vermutlich wird @Christian Huml deine Ausführungen dennoch finden. 😀

Geht es darum, dass die Links nicht auf der selben Grundlinie stehen, also einen unterschiedlichen Abstand zum unteren Rand der Box haben?

Ich glaube, das ist es, was Christian meint. Das könnte man mit CSS-Grid lösen (statt des footers würde man hier den Link fest am unteren Rand positionieren.

Wegen der Gleichartigkeit des Aufbaus in den Boxen könnte man auch argumentieren, dass dies der Fuß der Box ist und der Link daher in einen footer gehört. Ansonsten: ja, auch wenn ich an Flexbox statt Grid gedacht habe.

Vom HTML würde ich die Überschriften h2 nehmen, weil du mehrere hast.

Es handelt sich um mehrere gleicharitge Sektionen ^[1], also sind auch meiner Meinung nach h2 angebracht.

PS: Bei einer Breite von 17em bricht dass Bild aus dem div, …

Du hast alles in em, im HTML gibt es aber noch feste Breiten- und Höhenangaben:

<img class="bilder" src="" title="" height="154" width="270">

Als Ergänzung: Diese Größenangaben kannst du behalten und im CSS mit abweichenden Angaben überschreiben.

Wo wir gerade bei den Bildern sind. Unabhängig von der grunsdsätzlich vorgetragenen Kritik am Title-Attribut, frage ich mich, ob es sinnvoll ist, den Inhalt der auf das Bild folgenden Überschrift sinngemäß oder – an anderer Stelle – gar wörtlich zu wiederholen bzw. vorweg zu nehmen. Das Gleiche gilt für das Alt-Attribut. Einem Screenreader-Nutzer wird doch, wenn ich nicht irre, folgendes vorgelesen: „Planung und Abrechnung, Planung und Abrechnung, Heizkostenabrechnung“ (oder in der Box Stromabrechnung drei mal „Stromabrechnung“). Das ist doch nicht sinnvoll, oder?

<article class="box"> <img class="bilder" src="" alt="Planung und Abrechnung" title="Planung und Abrechnung"> <h1>Heizkostenabrechnung</h1> <p class="box-text">…</p> <a href="index.html">Weiterlesen</a> </article>

Tschö, Auge

---

1. Laut Quelltext wird article verwendet, ich weiß nicht, ob das angebracht ist. Ich würde zu section tendieren. ↩︎