Skip to content
OverviewSolutions
2
Comments
2
Juan Alvarez
@alvarezj-dev

All comments

  • Eddy•220
    @EddyDomingoSubmitted over 3 years ago

    I have completed this project using js and css

    FAQ-Accordion-Card

    1
    Juan Alvarez•60
    @alvarezj-devPosted over 3 years ago

    Hey, you nailed the style! Nice work. The big card is not really centered, you should look at that. Also, consider adding a mobile version, since the mobile of the page is just broken.

    0
  • jul_julham•210
    @zulhamsySubmitted over 3 years ago

    (updated) I've added for desktop view, I know the card isn't centered to the viewport because that's the behavior I expected. If the card is centred, it will be 'less focus' for question links when its clicked

    btw, any suggestions are appreciated :D

    FAQ Accordion with TailwindCSS

    1
    Juan Alvarez•60
    @alvarezj-devPosted over 3 years ago

    Hey! I love Tailwind, so I was to take a look. Something I see is maybe you should add the property of cursor: pointer to the cards so it looks cleaner.

    Also, consider that every card opens in the same place. Right now, the card are "displacing" the content depending of the side of the inner box, but it should be shoved to the bottom, because you lose focus of the clickable part of every card.

    Bonus points if you make the animation of the dropdown cleaner! I think is a nice fidget, I'd love to see the desktop version with the big image and a little background color. Prob I make this when I finished my current project. Good job!!

    1