Darstellung von Bild, Text, Bild

[Duncan Idaho]

Hallo!

ich habe jetzt folgendes realisiert.

Ergebnis Bilder und Text liegen untereinander statt nebeneinander.

Wie breit ist dein Viewport?

Du könntest

a. die media query kleiner machen

b. die 150px Maximalbreite ins Grid packen:

@media (min-width: 25em) { 
	.gallery {
    grid-template-columns: minmax(5em, 150px) 1fr minmax(5em, 150px) ;
	}

Dabei wird eine minmax-Funktion verwendet.