Fragen zur grid-Anwendung

[Tommy A.]

Hallo zusammen, nachdem ich zufällig im Forum darauf gestoßen bin, dass man mit grid relativ schnell responsive Seiten erstellen kann, habe ich begonnen, mich einzulesen und herumzuprobieren.
Jetzt habe ich erste Fragen.
Wie bekomme ich ein Bild, dann einen Text und dann noch ein Bild in den Header, wobei der aus mehreren Worten bestehende Text einzeilig bleiben sollte, soweit Platz vorhanden ist.
Das Ganze sollte im Header horizontal und vertical zentriert sein.
Mein Versuch:

header {

	display: grid;  
    grid-template-columns: auto auto auto; 
    grid-column-gap: 1.5em;
} 

index.html:

<header>
     <img src="/fotos/bild1.GIF" alt="...." />
     <h1>Das ist ein Test</h1>
     <img src="/fotos/bild2.GIF" alt="...." />
   
</header>

Ergebnis:
.................................................................................................................

.................................................................................................................
Die punkt. Linien sollen die Breite des angezeigten Header darstellen.