HTML Code

[Gunnar Bittersmann]

@@Carmen

ist dieses HTML so in Ordnung? http://codepen.io/anon/pen/KMgbZm

Nö:

<section class="betreuung">
    <h2>Betreuung</h2>

Die Überschrift „Betreuung“ deutet darauf hin, dass "betreuung" einmalig ist und nur für diesen Abschnitt steht. Es sollte also eine ID sein, keine Klasse.

sections sollten IDs haben, damit man sie über fragment identifier (der Teil hinter # in URIs) verlinken kann.

Auf der rechten Spalte ist ein Logo

      <figure> <img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=350%C3%97150&w=200&h=200" alt=""> </figure>

Das figure-Element scheint mir hier unangebracht. Dem Bild fehlt der Alternativtext. & muss escapet werden: &

Zum Stylesheet:

.betreuung {
    max-width: 89.75em;

Viel zu viel. Eine Zeilelänge sollte so bemessen sein, dass 45 bis 75 Zeichen reinpassen. Deine Zeilen sind viel zu lang für gute Lesbarkeit. Das sind so etwa 40em maximale Zeilenlänge.

.betreuung p {
    line-height: 1.8em;

Der Zeilenabstand ist auch zu groß.

Mir ist es wichtig, dass ich oben ein Text habe der über die volle Breite geht und unten eine linke und eine rechte Spalte. Auf der rechten Spalte ist ein Logo, auf der linken Seite ist der Text.

Wie soll es denn aussehen, wenn Logo und Text nicht nebeneinander passen?

LLAP 🖖