Interactive Rating Card using jQuery

Community feedback

• 

  FlimzYT•110

  @FlimzYTPosted over 1 year ago

  Nice but there is a bug were if I click on one and then change my mind and then submit, it shows that I have submitted the first option I picked

  Marked as helpful

  0
• 

  P

  visualdennis•8,375

  @visualdennissPosted over 1 year ago

  Good work Liz!

  I'd suggest instead of using padding with percentages like this padding: 7% 2%; which might result in losing control over positioning easily when resizing, use flexbox or grid to center the rating component. e.g.

  body { display: flex; justify-content: center; align-items: center; flex-direction: column; }

  Also you might need to have display: none for the thank you section as even tho it is set to visibility:hidden, it is still taking space in the layout. You can make it display again with JS after submit.

  Also i'd suggest not using fixed heights or max-heights (e.g. max-height: 450px; ) for text containing elements as it can cause accessibility issues.

  Hope you find this feedback helpful!

  0
• 

  Balancex•0

  @hectorHookPosted over 1 year ago

  I wish you to feel the power of your dreams in every moment of your life. May success be yours. I wish you to live your passions, which are the protagonists of your success, with every breath. Congratulations 👏 I wish you to feel the power of your dreams in every moment of your life. May success be yours. I wish you to live your passions, which are the protagonists of your success, with every breath. Congratulations

  0