We have this kind of layout on our e-commerce website. Basically, you can move from one tab to the next to view the different promotions.
My question is since on the responsive version the screen gets narrower, the tabs won't fit the screen, especially if the Promo names are longer or there are more of them.
I've thought of a few solutions like:
Convert the tabs into a dropdown. The only issue is that they need to tap the dropdown before they see all promotions, unlike if we just display them all at once.
Just stack the promotions tab and move the rest to the next line.
Do a carousel for the Promo names. However, there would be two carousels already: promo name and the products themselves.
Is there a better way to handle this?