How to add a slider to the mobile version?

Question

css

Hello!

How to make the blocks become a slider when the screen resolution decreases (for example> 1200)? I want to use Slick.

Help me please.

Here are the blocks.

Answer 1

Try like this:

if (window.matchMedia("(max-width: 1200px)").matches) {
  $('.happy__row').slick();
}