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)