How to make a card row move as slider when resized to mobile view?

Design help General
1

Hey guys!
I’m a recent admission to webflow and it’s amazing to see how much we could implement by webflow. Thanks to its makers. I have been following a previous live stream by @PixelGeek about recreating airbnb slider in webflow. I have been working on similar concept but slightly different when it comes to responsiveness.
Uploading: Screenshot 1941-04-04 at 5.04.58 PM.png…
This is the reference site and this is the link for my webflow project which is incomplete

IPlease check the second section right after the hero section, it has a different layout on mobile and desktop. It has got slider capabilities when turned to mobile view

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

I am actually trying to figure out the exact same thing. I have been looking for weeks now and have yet to find an answer. I would try to help with the little I have found so far, but your site links aren’t working. It takes me to a 404 page

3

If you’re looking for something like this:

image
image638×1122 111 KB

Then, check out this project:

https://webflow.com/website/Responsive-Card-Slider

Hope it helps!

1 Like
4

Wow! This works amazing well and exactly the thing i was looking for. I later figured it out some other weird way and got it working. Bookmarking this for next time use case. Thanks @myonke

1 Like
5

The swipping on this is really difficult. it kind of works on my phone but it’s not very fluid. like, it swipes sometimes and not other times. I tried it on both Android and iOS and it’s the same thing. When i swipe up and down it works perfectly for the mobile scrolling but left to right on the cards it’s really finiky.