Interactive rating component [CSS - JS]

Hello, here is Asmaa

• I started this challenge with structuring the html file. I wen with radio buttons for the rating buttons. Does this the optimal approach?

• I used some animation to add feel to the card when the thank you page appears. I used flipping animation, so does it look good from user experience perspective?

• I got stuck every time when it comes to mobile size. I am using min/max width for the main container and the body. Do you recommend this approach or is there anything better? I feel like on very small screen the scrolling does not reach the end of the card borders and some of the content gone. What is the best practice to avoid this?

• I got confused when it comes to how to know the rate that the user has chosen so I decided to add a value to the radio buttons and check which one is checked and activate the previous ones as well. Give me your opinion about that, is my solution optimal and right?

I really appreciate every single feedback to enhance my skills