Advice generator app | Vanilla JS | HTML/CSS

Community feedback

• 

  Katja Danilova•340

  @katjadanilovaPosted over 2 years ago

  Hi!

  You've done a good job here! Here is how you can center the button to always stick when the content changes:

  1. add display: flex, flex-direction: column, and align-items: center to your .card class. This will help the button and all other elements always be in the center.
  2. your .dice class then could have bottom: -26px instead of having left and right properties and positive value for bottom. Negative bottom will help the dice to preserve its position whenever the card size changes.

  Aside from that, I would recommend to have all of the paddings set to 2em in your .card class. Having your left and right paddings set to 0 right now affects UI when quote text is long.

  I hope it helps!

  Marked as helpful

  0

  ---

  

  cyberstrong•70

  @syntaCorpPosted over 2 years ago

  @katjadanilova I really appreciate your response and have taken note of it. I would implement it in my project

  0