Grid
Ein Grid System ist, vereinfacht gesagt, ein Raster, in dem Inhalte schnell und effizient platziert werden können. Dafür werden verschiedene Media Queries und andere CSS Elemente in einem Style Sheet festgelegt und angewendet. In der Regel werden die Media Queries so definiert, dass sich das Grid System einem großen Desktop anpasst sowie einem iPad oder Smartphone. CSS Grid besteht aus 12 Spalten. Diese können ganz einfach in 6, 4, 3 oder 2 Sektoren unterteilt werden – sogenannte „breakpoints".
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
1
2