All solutions

What did you find difficult while building the project?

-I can't get the rate to show up in the 'thank-you' state. If someone could check my javascript and tell my what I did wrong, I'd highly appreciate it. Thanks.

I'm happy with the result and my progress. It usually takes me more than 2 hours to finish something like this. This time it took me less than 1hr and 30mins.

If you can suggest what I can improve with my code, I'd be happy to hear it

What did you find difficult while building the project?

• Everything was a breeze except for the background. I can't seem to find a way to code them properly. I tried using CSS background property but I can't position them correctly. I tried using a div with a child img and position-absolute but I can't fix the height and width of the HTML body when I position the background image correctly.

What did you find difficult while building the project?

• I manually created several media queries for various screen sizes and adjust paddings/margins, font sizes, and width/height of the container. Other than that, it was rather easy thanks to the previous challenges that I've finished. If you can recommend a way to code several media queries easier, I would love to hear it.

What did you find difficult while building the project?

• The shadow at the bottom of the panel. I'm unsure if that's just a border-bottom or a complete box-shadow. Other than that, I'm completely happy with my result. It's completely responsive to iPad screens and desktop large screens

Completely re-wrote CSS. Although I'm having trouble with centering my container.

1. What did you find difficult while building the project?

• It was hard for me to make this responsive. In fact, I still need to fix the positioning for slightly smaller screens.

1. Which areas of your code are you unsure of?

• CSS positioning. What I did was trial and error to get things into place.

What did you find difficult while building the project? Which areas of your code are you unsure of?

• I find the back ground image a little hard, and I'm not even sure if I coded it correctly. I would love to hear some feedback and how to improve.

-What did you find difficult while building the project?

The buttons. It's tricky because each button has different colors when hovering.

-Which areas of your code are you unsure of?

I used a different approach in the media query, but I think it did the job just right. I would love to hear some suggestions to improve this.

I learned how to use 'root' in CSS, it's really helpful in making coding faster. Also, using ul li was easier than making 2 divs inside a div.

Although I managed to finish this challenge, I did have some help. I'm still struggling with position relative and position absolute.

Basically, almost similar to the Results Summary Challenge so I was able to finish this faster. Just a minor problem with the media query, whenever I try to check Chrome Dev Tools, my flexbox direction doesn't adjust the layout correctly. I need to toggle device toolbar first before it corrects the layout. I was thinking if I add flexwrap, it might fix it.

I revised the HTML for cleaner coding and corrected several mistakes in CSS including media query.

I would like some input regarding my way of coding and I would love some feedback as to what I can improve or any suggestions that I should've done to make coding easier.

The hardest part of this challenge is getting the width. I used 2 div for 'Your Result" and "Summary" Panel and I set their width to 375px to make it wrap when opened in a smaller screen. It's the only band-aid solution that I can come up with.

All input and corrections are welcome. I would like to do this challenge again with a best coding practice and better results.