Man, I can’t seem to figure out how to re-create the Airbnb slider
And here’s the editor:
I got the slides shrinking proportionally based on screen size, but there are other problems in addition to the last slide widths:
My custom SVG right arrow is not visible if I place it to the middle of the border. I tried adding a z-value but it didn’t help.
For some reason, some images won’t fill the whole slide. One of my sliders with the same image in every slide has no problems, but when I replace the image to the ones I’d like to use, the border of the slide shows up.
It’d also be nice to have 5 slides showing in full at all times. I only plan to use this for desktop, and I have a max content width of 1200px.
Mostly I’d like to figure out how to make the cards the same width, but would be so awesome to figure out these other things as well! Big thanks for any input!
Here’s a screenshot of the goal: