Thanks for sharing. I tried your code and doesn't work at all screen sizes. if you change the screen width to show two and a half images then there will always be half an image showing.
Well the problem that you encountered is because of the fixed width of 337px for each card , for me that was what I wanted , but if you don't like to show any parts of other cards in the next index numbers, you can simply use percentages for defining the width of your cards for example , you can set your cards' width to something like 45% of their parent which I believe it is the (.slides) in the corresponding screen size that you want to display two cards if you are familiar with CSS, then the cards will be set based on the width of the .slides and you will achieve what you want.
@@progbytes Thanks for replying. It would have been great if you actually told the viewers of your video that was your intention but you should have also made the page totally responsive and have the container display full images on at least 3 breakpoints. Also ::-webkit-scrollbar doesn't work on Firefox so you should have shown an alternative solution. Designing the page for your requirements doesn't mean all viewers would want the same result. I've watched some of your other videos and remember not seeing any of the code for download. Thanks anyway.
Dear Sedney , thank you for your feedback . I should mention that my whole intention mainly was to show how a slider could be made , (the general concept). the style and look of something depends on someone's preference, and I did say that you can modify the style and overall the code as you like and prefer 🤗. And by the way , thank you for your comment.
Thanks for sharing. I tried your code and doesn't work at all screen sizes. if you change the screen width to show two and a half images then there will always be half an image showing.
Well the problem that you encountered is because of the fixed width of 337px for each card , for me that was what I wanted , but if you don't like to show any parts of other cards in the next index numbers, you can simply use percentages for defining the width of your cards for example , you can set your cards' width to something like 45% of their parent which I believe it is the (.slides) in the corresponding screen size that you want to display two cards if you are familiar with CSS, then the cards will be set based on the width of the .slides and you will achieve what you want.
@@progbytes Thanks for replying. It would have been great if you actually told the viewers of your video that was your intention but you should have also made the page totally responsive and have the container display full images on at least 3 breakpoints. Also ::-webkit-scrollbar doesn't work on Firefox so you should have shown an alternative solution.
Designing the page for your requirements doesn't mean all viewers would want the same result. I've watched some of your other videos and remember not seeing any of the code for download. Thanks anyway.
Dear Sedney , thank you for your feedback .
I should mention that my whole intention mainly was to show how a slider could be made , (the general concept).
the style and look of something depends on someone's preference, and I did say that you can modify the style and overall the code as you like and prefer 🤗.
And by the way , thank you for your comment.