Formatierung mit media queries

[Gunnar Bittersmann]

@@wonk

das fängt schon mit der ersten Layoutversion an:

@media (min-width: 50em) 
{ article {display: grid; grid-template-columns: auto 400px}	
  #section_text {height: auto}
  #section_bild {height: 151px}
}

So bleibt das Bild zwar bei schmaler werdendem Fenster gleich breit, die Textspalte wird schmaler, aber der überfließende Text breitet sich nicht über die gesammte Fensterbreite aus.

Wenn du willst, dass der Text um das Bild herumfließt, musst du die entsprechende CSS-Eigenschaft verwenden, nicht Grid.

fließen (Verb) – float

🖖 Stay hard! Stay hungry! Stay alive! Stay home!