skyglobal / web-toolkit

[DEPRECATED] Please use sky-uk/toolkit
https://github.com/sky-uk/toolkit
BSD 3-Clause "New" or "Revised" License
24 stars 35 forks source link

Carousel in mobile view uses 6-column grid instead of 100% width #60

Closed bskyb-rewards closed 10 years ago

bskyb-rewards commented 10 years ago

In mobile view, the carousel retains the 6-column styling so any text inside the figcaption is only viewable for 50% of the device width. Max-width (.skycom-carousel figcaption) is being overridden by (.skycom_6-mobile).

peter-mouland commented 10 years ago

This is then forced to 100% when the screen width drops below 600px. in between 767 + 600 the deisgn needs the text to be restricted to 50%