CSS Flexbox

Community feedback

• 

  Deepak Parmar•490

  @deepak-parmarPosted over 2 years ago

  @glg-dev, Nice work on the challenge, your design has no flaw at all.

  You've used radio input for rating buttons, which I find the best way to implement this component; so kudos to that. 👏

  • Your page reloads right after clicking the submit button and .thanks section is briefly visible before the page reloads. For that I suggest you use submit event-listener instead of click and prevent submission of the form by using preventDefault( ) method of event object and them call the submitForm( ) function

  submitButton.addEventListener("submit", (event) => {
      event.preventDefault();
      submitForm()
  }
  

  • Next, for accessibility of the component wrap .container and .thanks elements using main tag and .attribution element using footer

  Hope these helps, keep coding! 👍

  Marked as helpful

  0