tailwind css

Community feedback

• 

  André Miranda•290

  @codi-AndrePosted 5 days ago

  Great solution! They do not provide all the necessary colors in the style-guide to this challenge, but if I could give you tips for improve your solution:

  1. Closer elements should be lighter, your buttons have darker backgrounds than the card, this takes away the perception of depth

  2. Use more semantic elements, you could achieve the same result using: <form>, <input type="radio" > instead of only buttons.

  3. Add styles to the cursor to highlight interactive elements like:

  button {
    cursor: pointer;
  }
  

  4. Try the new hooks from React, useActionState gave me good help with this challenge.

  5. The last tip is more an personal opinion, I try to not relay on frameworks too much, one example is the condition to show the thanks card, you could hide it with css, making your solution work in any framework or vanilla javascript, just using:

  .thanks-card {
    display: none;
  }
  

  0