Design nachbauen

[MrMurphy1]

Hallo

Du hast leider mehrere grundlegende Fehler in deinem Quellext.

Du verwendest das header-Element falsch. Dein header enthält keinen Inhalt, der in den header gehört. Ein Logo allein macht noch keinen header. Damit ist der überflüssig - weglassen.

Für Anfänger ist auch irritierend, das header nichts über die Position des header aussagt. Ein header-Element kann also durchaus seitlich oder am Ende einer Webseite stehen und angezeigt werden. Entsprechend, wie in deinem Fall, muss das erste Element nicht unbedingt ein header sein. Und er muss auch nicht zwangsweise vorhanden sein.

Gleiches gilt für div.container: Überflüssig - weglassen.

Das Logo kann in das nav-Element verschoben werden.

Die Liste im nav-Element ist überflüssig. Traditionisten haben das leider noch nicht erkannt und reden der Liste für die Navigation eine Semantik ein, die sie überhaupt nicht hat.

Das div#startseite ist überflüssig.

section.startseite ist wohl eher das main-Element, auch wenn die Seite eigentlich keinen Inhalt hat und damit überflüssig ist.

Das cite-Element ist nicht für Namen gedacht und damit falsch.

Für das Zitat mit Nennung des Namens eignet sich besser das figure-Element mit einem blockquote- und einem figcaption-Element.

Dass das Zitat über dem Hintergrundbild aktuell kaum zu lesen ist fällt dir hoffentlich noch auf. Hier hast du wohl das Problem den Text zu kennen und im Gegensatz zu deinen Besuchern nicht mehr lesen zu müssen.

Möchte gerne den Text innerhalb der section von oben nach unten zentriert anzeigen

Dafür ist Flexbox am besten geeignet.

Wobei wie schon geschrieben eine Webseite ohne Inhalt eigentlich grundsätzlich überflüssig ist.

Gruss

MrMurphy