Duncan Idaho: Darstellung von Bild, Text, Bild

Beitrag lesen

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.