All solutions

Hi, I tried my best to recreate the design but faced some issues in placing the box image and the background image in the desktop view. Both of them kept changing its position whenever I resized the screen.

Have a look at the code and the site. If any of you have any suggestions or tips for these issues, please do comment it below. Thanks in advance!! 😊

I toggled between the rating and thankyou card by changing the visibility of those cards using JS. If you have any other alternative than this or if you find any fault in my code, please do comment below! Thankss

I am learning responsive design and I faced difficulties in positioning the image and during resizing. If you find any mistakes in the site or in the code, please do mention it! Thank you!!

When I first tried to center the card by using

 position: relative;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);

only the bottom half of the card was visible while the top half was moved out of the screen. Why does this happen and how to overcome this??