Interactive Rating Component - Sass and Regular JS

Community feedback

• 

  Émilia•100

  @BahAilimePosted over 2 years ago

  Hi 😃 Even if the radio buttons can't be styled, it's still possible to hide the default button and create a new custom one using ::before to create its shape and the :checked selector to handle its state ! Have a look at Stephanie Eckles' blog for deeper explanations and step by step process 👌 https://moderncss.dev/pure-css-custom-styled-radio-buttons/#custom-radio-button-style

  As far as I know, <aside> isn't meant to be used as a modal landmark but is more likely to be a column on the right side of the page (for an in page navigation for exemple)

  I wouldn't have used <main> like that and rather put it where your <aside> actually is because it is the main interest of the page (if we imagine having this rating component inside of a bigger review page)

  But overall your component works just fine ! Well done 😄

  Marked as helpful

  0

  ---

  

  scadpetrel•10

  @scadpetrelPosted over 2 years ago

  @BahAilime Thank you for your feedback and the link for styling custom radio buttons. I'm going to see if I can incorporate better buttons and update the HTML tags.

  0