Nachdem wir das Box-Modell verstanden haben, stellt sich die spannende Frage: Wie ordnen wir diese Boxen auf dem Bildschirm an? In diesem Teil schauen wir uns die drei wichtigsten Werkzeuge für modernes, barrierefreies Webdesign an: Flexbox, CSS Grid und Responsive Design.
1. Flexbox: Ordnung in einer Dimension
Flexbox ist ideal, wenn Sie Elemente in einer Reihe (nebeneinander) oder in einer Spalte (untereinander) anordnen möchten. Stellen Sie sich Flexbox wie ein elastisches Gummiband vor, das die Boxen automatisch verteilt.
„CSS lernen leicht gemacht: Layout-Techniken (Modernes Webdesign)“ weiterlesen