RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Here's how to build a slider in Webflow that displays cards on the desktop/tablet breakpoints and collapses down to a slider on mobile (whose cards you can swipe between, of course). Enjoy!

Grid of cards that collapse to a swipeable slider on mobile

This was a 3-hour test project for Unlimited Labs. It's unfinished, but there's some good stuff here if you'd like to clone it.

Suffolk Equity Partners

Oyster uses creativity, technology, and data to help businesses and consumers take action. They engage them with the right product, at the right time, and in the right way.

Oyster.io

Based in Canton, TX halfway between Dallas and Tyler, Code 1 Flight Training provides high quality flight training, aircraft rental and related aircraft services.

Code 1 Flight Training

Description

More by Jon Reese