Vertikale Überschrift (im header) die zentriert ist und sich links befindet

[Felix Riesterer]

Lieber einsiedler,

Dort möchte ich die Überschrift <h1> im <header> hochkant zentriert darstellen,

suchst Du transform: rotate(90deg);?

innerhalb meines div.centred-container

Aha, ein <div class="centred">. Sollten Klassennamen nicht so gewählt werden, dass sie eine Bedeutung erklären, anstatt eine visuelle Darstellung? Was, wenn Dir das Layout einmal nicht mehr gefällt und Du die Darstellung so änderst, dass der Klassenname irreführend wird?

befindet sich links <header> daneben rechts <div.main-content>,

Anstelle von <div class="main-content"> möchtest Du ganz gewiss <main role="main"> haben. Außerdem stellt sich die Frage, warum Du eine Klasse namens "main-content" verwendest. Gibt es davon mehrere im Dokument? Ansonsten wäre eine ID besser gewesen. Noch besser ist allerdings das main-Element.

Liebe Grüße,

Felix Riesterer.