How to fix the adaptive layout for the correct display of the site on mobile devices?

Question

css

I am redesigning the site , stuck on the mobile view.
The bottom line is that the Broadcast section should look like a fullscreen content slider, but adjacent slides (pages) should overlap the current one a little so that you can click on them.
On the desktop version, everything looks fine, but on mobile devices this section is displayed incorrectly. I dug into the layout, but for two days I can’t do anything adequate :(
Tell me which way to dig.
PS On mobile phones, adjacent slides should not be displayed.

Answer 1

I don't know if this will solve your problem, but try:
× section.broadcast .slick-slider .slick-slide .page - remove the left, margin, width properties
× section.broadcast .slick-slider .slick-center .page - remove the property left
× .posts-list - remove the margin property