All solutions

It was challenging to figure out how to take the user star rating input and display it on the page for the thank you.would appreciate if someone could help me figure out how to thank the user by saying you chose (amount of stars) on the thank you card.

I had a hard time using the media query for positioning of the main container. I was really unsure of why the main container would not center once I wrote the media query. On the styling I initially had the body{} set to display: flex ; justify content: center; align-items: center;

Once I used the media query to make the desktop version I had to hack it to make the overall main container display center of the page by using margin: 25vh. I tried using margin: 0 auto as well as using the original html when I set the body. Once you comment out the margin setting below the main container jumps all the way to the top of the screen.

#wrapper{ flex-direction: row; height: 500px; width: 900px; margin: 25vh; }

I was not sure how to make this mobile responsive when originally created so I had to do a rework and hope that it is somewhat right.

Making the quotation marks look exactly like the provided design file.