divs, iframes,flexboxes u.a.

[JürgenB]

Hallo,

Mit einem „Media-Query“, der einen eigenen Block, der eine Bedingung enthält (hier eine Mindestbreite des Viewports), definiert, werden die paar Regeln mit neuen Werten überschrieben oder auch hinzugefügt, die das sich ab dieser Grenze ändernde Layout beschreiben.

evtl. kann man auch auf den „Media-Query“ verzichten. Mit

#id { 
  display: grid; 
  gap: .3em; 
  grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
}

werden die beiden Kinder des Elements bei genügend Platz nebeneinander angeordnet, sonst untereinander. Die Breite des Elements wird ausgenutzt. Link.

Gruß
Jürgen