All solutions

What challenges did you encounter, and how did you overcome them?

I didn't want the user to submit the form without choose a rating, so I used required to the first radio button. I'm not sure if it's the most secure way tho....

What specific areas of your project would you like help with?

My first JavaScript project, so I know well my JS super basic, and I would like yall to help me to improve it, thanks!

First time working with scss, i liked how bem makes my code organized. but i believe i could have better use with scss functions, specially with desktop display.

you didn't think i would post a solution without asking for help, right? my stars need spacing between them, but i still want to have them using background-image background-repeat how can i do that?

I need help as always...

I don't know how to make the overlay effect. most the tutorials on the internet about the background image which they do the effect on div, not img.

It went smoothly, but all feedbacks are welcome

I have no clue how to make the hover effect on the picture, please help....

Problem fixed

First time I didn't face any problems yaay! but if there's anyway I can improve my code, I'm happy to learn

Fixed the background problem, thanks for the feedback

I fixed the flex problem, thanks to all who have helped!

I tried my best to center the component horizontally, does it look good? also I wanted to use srcset but it seems complicated so I just used the same old display none & display block. If you guys have a resources that explain it in a simple way, I would be happy to learn about it

I didn't center the component horizontally, 'cause I didn't want to complicate my first challenge by using flex or grid. Is there anyway I can center it without these two annoying layout?