Tidy up the / page on small screens

[schultzp2020]

Changes

• Allow the plugin button text to wrap
• Change the key features to be a carousel

Image

[AayushSaini101]

@schultzp2020 Please assign this issue

[AayushSaini101]

@schultzp2020 Can you explain this Change the key features to be a carousel

[schultzp2020]

@AayushSaini101 I was thinking of it looking like one of the tailwind examples using Scroll Snap Type. Basically we want to keep the image and text full sized while making it so you can scroll through the key features. e.g. https://tailwindcss.com/docs/scroll-snap-type#horizontal-scroll-snapping Let me know if you need more information.

[christophe-f]

Currently this page is not responsible. Usually this will be 3 columns/cards on a large screen and just 1 column on small screens where the 3 cards will be listed vertically. Similar behavior to the cards on the plugin page or even the home page on Docusaurus.io with the 'More features'

[serenamarie125]

@schultzp2020 I think vertically stacking these 3 cards is enough for now, can we update the issue to state that? Thanks!