All solutions

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

I had difficulty in mantaining mobile and desktop view for the stats component

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

CSS

learnt how to apply linear gradient properly and some other css tricks thanks to this challenge!!

tried and learnt more about dom. Tried to dabble into css selectors like has,not was not able to implement it correctly( /* .questionClass:hover:has(>div:not(.hiddenClass)) */) will try later when I get more understanding about how these works

Learned about Picture tag and various semantic tags of html5 from Kevin Powells you tube channel and implemented it here.Also learnt some neat css tricks to apply here and a better way to handle media query especially for images, this made the code more fun and enjoyable. Hoping to learn more of such things in future.

Any feedbacks regarding this will be higly appreciated !!

Please give any suggestions you have for the code.Any suggestions on how I can improve are welcome!

What did you find difficult while building the project?,Which areas of your code are you unsure of? -> to adjust the main rating component to proper dimensions for mobile screen and some other css issue and I am unsure about that part

please provide feedback on what can be improved

The css part was difficult for me to implement

The CSS Design was a little difficult for me especially the responsiveness part between desktop and mobile design. The error icon display and dynamic error message was handled using vanila JS which made script.js file where I wrote it a lot messier than it is supposed to be.

Most difficult part was making it responsive in desktop and mobile design and in this part I am unsure of