• 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

Example 4: default (slider)

  • items are as wide as their content
  • switch "use as slider" to convert to slider
  • This slider can't have a loop


  • example-460x288
  • example-icon
  • example-460x288

    Lorem ipsum

  • example-icon

    Lorem ipsum

  • example-150x250
  • example-icon
  • example-460x288

    Lorem ipsum

  • example-icon

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

  • Example 5: fixed number of items (slider)

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


  • example-460x288
  • example-icon
  • example-460x288

    Lorem ipsum

  • example-icon

    Lorem ipsum

  • example-150x250
  • example-icon
  • example-460x288

    Lorem ipsum

  • example-icon

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

  • Example 6: fixed item-width (slider)

    • fixed item width for each breakpoint: 150px (xs), 175px (sm), 200px (md), 250px (lg)
    • items are horizontal aligned to center
  • placeholder
  • example-icon
  • placeholder

    Lorem ipsum

  • example-icon

    Lorem ipsum

  • example-150x250
  • example-icon
  • placeholder

    Lorem ipsum

  • example-icon

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.