How to build an adaptive site, where in the PC version the block is displayed as a static one, and in the mobile version the same block is made as a slider?

Question

css

Tell me how best to make up such a block:
PC version:


Mobile version


I think to make it as a slider for both the PC and the mobile version, but using js to initialize the slider only on mobile. Who came across such layouts, share the case, how they made it up, thanks in advance.

Answer 1

You just need to lay out 2 completely different blocks, no need to try to turn one into the other, it's too complicated in this case.
And then change their visibility. + js should only run if the required block is visible on the page.