Grouping
Group sample 1
Default settings
Group sample 2
With border
Group sample 3
With border and rounded corners
Group sample 4
Full-width on small screens
Group sample 5
Horizontal padding (M)
Group sample 6
Vertical padding (M)
Group sample 7
Horizontal and vertical padding (S)
Group sample 8
Content height for small screens: 20%
Group sample 9
Content height for large screens: 40%
Group sample 10
Content alignment for small screens: middle
Group sample 11
Content alignment for large screens: bottom
Group sample 12
With a background color
Group sample 13
With a transparent background color
Group sample 14
With background image on small screens
Group sample 15
With background image on large screens
Group sample 16
With background image on small screens above the content
Group sample 17
With background image on small screens below the content
Group sample 18
With dashed border
Group sample 19
With shadow (m)
Group sample 20
With spacing to and bottom (l)