Vertikale Ausrichtung

[Der Martin]

n'Abend,

wie kann ich in dem Beispiel erreichen

  Titel {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100%;
    margin: 0;
    padding: 0;
    border: 1px red solid;
  }

Erstens: Bitte erfinde keine Phantasie-Elemente und erwarte dann, dass alles so läuft, wie du erwartest. Es gibt in HTML kein Titel-Element. Es gibt title, aber das hat eine ganz andere, eigene Bedeutung.

Zweitens: Was denn nun? display:grid oder display:flex? Beides zusammen ergibt keinen Sinn, und in dem Fall gewinnt die spätere Deklaration, also display:flex. Damit ist grid aus dem Rennen.

Drittens: Bedenke, dass h1 durch Defaults im Browser-Stylesheet margin und/oder padding nach oben und unten hat. Die machen sich hier im Platzbedarf bemerkbar.

Einen schönen Tag noch
 Martin