Customizable Grid

  • Horizontally placed items in multiple rows

  • Customizable for every breakpoint: number of items or fixed item-width

Example 1: default

  • items are as wide as their content

  • will span to next row

Example 2: fixed number of items

  • fixed number of items set for each breakpoint: 2 (xs), 3 (sm), 4 (md), 5 (lg)

  • items are horizontal aligned to center

Example 3: fixed item-width

  • fixed item width for each breakpoint: 150px (xs), 175px (sm), 200px (md), 250px (lg)

  • items are horizontal aligned to center