How to make a card in a slider?

Question

JavaScript

You need to make a slider with reviews like this block. But the problem is that when I insert this block there, the flexes in the slider do not work. How can I implement this? Or do you need a different slider?

spoiler

Answer 1

Replace id with data attribute:

$('[data-index]').click(function() {
  $('#main__display').html(`<img src="${collect[this.dataset.index]}">`);
});

Answer 2

Here you can not hang a handler on each of the elements, but use event delegation - instead of many handlers, hang one handler on the parent.
This will allow you not to hang handlers again when adding new elements and not to worry about removing handlers from memory when deleting elements.

Answer 3

Need to learn css