Animated FAQ Accordion With Pure CSS (CSS only)

Community feedback

• 

  Théo•120

  @Atim360Posted over 2 years ago

  That's pretty cool however I think that shouldn't make you lose sight of the original model. You forgot to center the element in the middle of the page and less important whether you don't have the Figma model but on click the question should be in bold. (You can see it on design folder : "active-states.jpg"). Otherwise I find the mobile version fine.

  0

  ---

  

  Mohamed Zouhair•160

  @WisemunkPosted over 2 years ago

  @Atim360

  • The element is centred in the web site but I don't know why its not well centred on the screen shoot they took.
  • I saw the the bold on click but I prefered to not do it, because I don't know a simple way with pure css to do it.

  0

  

  Théo•120

  @Atim360Posted over 2 years ago

  @Wisemunk, you can use the font-weight property for the bold. Like :

  font-weight: 600;
  

  But you need to download the right font-weights.

  0