Rahmen und Ribbons - 4

Eingewölbt und abgeschrägt!

Bis jetzt waren unsere Boxen eben genau dies:
Rechtecke mit 90°Grad-Winkeln oder Rundungen.

Mit der corner-shape-Eigenschaft kann man den Ecken beliebige Formen geben.

CSS-basierte Grid Layouts

Grid Layout ist wie Flexbox eine sehr moderne und einfache Möglichkeit, responsive und flexible Layouts zu erstellen, ohne feste Größenangaben und weitere CSS-Einstellungen wie position, float oder clear nutzen zu müssen.

Grid Layout wird in allen modernen Browsern unterstützt.