FAQ accordion card

Community feedback

• 

  Elaine•11,400

  @elaineleungPosted about 2 years ago

  Hi Jose, this looks great, and I think you've done well in putting it together! This is a fairly challenging project with a number of positioning components involved, and it's not easy to make it look good and have it be responsive, but everything looks good to me! 🙂

  Some quick comments for you:

  1. I'm viewing this on a big monitor and at the mobile view, I can see some white space at the bottom. To fix this, you just need to make sure the body canvas is min-height: 100vh and not height: 100%. You can also remove the padding: 150px 0 on the App, and this should make everything centered without margin or padding!

  2. To make the component more responsive before reaching the breakpoint, try changing the fixed width to max-width: 400px instead; you can also add margin-inline: 1.5rem to make sure there's some space around.

  3. You can try left: -93px on the cube to make it a bit more positioned like the one in the design.

  That's all I have, and once again, well done in making this look good! 🙂

  Marked as helpful

  0