search

janus-idp / janus-idp.github.io

Other
15 stars 28 forks source link

Tidy up the `/` page on small screens #128

Closed schultzp2020 closed 4 weeks ago

schultzp2020 commented 1 year ago

Changes

Image

janus-idp io_

AayushSaini101 commented 1 year ago

@schultzp2020 Please assign this issue

AayushSaini101 commented 1 year ago

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

schultzp2020 commented 1 year ago

@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 commented 1 year ago

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 commented 1 year ago

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