Submitted 8 months ago

Interactive-rating-component in vanilla JS

Sebastian• 290

@SebBudynski

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Interactive rating component

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hi there,

here's my next challenge on Frontendmentor.

Taking my first steps into JavaScript with this one, and working on improving my CSS and HTML skills.

Grateful for any comments and tips that will help enhance and refine this solution.

Thanks in advance!

Community feedback

Bryan Li• 3,550

@Zy8712

Posted 8 months ago

Your site looks pretty good. Only things I'd alter/change are:

the use of <ul> and <li> for the buttons is sort of redundant in my opinion. You could just contain the five buttons in a <p> tag and use display: flex justify-content: space-between (as you did with the <ul>)
centering the text of the rating buttons and applying font weight to it

Aside from that your site is very solid. Great work!!!

Marked as helpful

Sebastian• 290

@SebBudynski

Posted 8 months ago

Hi @Zy8712 ,

I wasn't sure whether to use <li> on the buttons.

I made the changes right away.

Thank you for your comment.

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord