Config Examples

Grid Gaps

SM - 6px gap

data-grid-gap=”sm”

SM GAP | 6px

MD - 12px gap

data-grid-gap=”md”

MD Gap | 12px

LG - 24px gap

data-grid-gap=”lg”

LG Gap | 24px

Mobile Carousel

data-mobile-carousel=”true”

(Compare Window on Mobile)

Mobile Carousel

Switch Aspect Ratio on Mobile

3:4 → 16:9

data-mobile-aspect-ratio=”16:9”

(Compare Window on Mobile)

Switch Aspect Ratio On Mobile | 3:4 → 16:9

Switch Aspect Ratio on Mobile - 16:9 → 3:4

data-mobile-aspect-ratio=”3:4”

(Compare Window on Mobile)

Switch Aspect Ratio On Mobile | 16:9 → 3:4

Switch Aspect Ratio on Mobile - 16:9 → 3:4 Carousel

data-mobile-aspect-ratio=”3:4”
data-mobile-carousel=”true”

(Resize Window)

Switch Aspect Ratio On Mobile | 16:9 → 3:4 Carousel

Mobile Stack Options

Mobile Stack 1 Col

data-mobile-stack=”1”
data-mobile-carousel=”false”

(Compare Window on Mobile)

Mobile Stack 1 col

Mobile Stack 2 col

data-mobile-stack=”2”
data-mobile-carousel=”false”

(Compare Window on Mobile)

Mobile Stack 2 col