All solutions

To be honest, I am not satisfied with the layout. If you look closer, you will see the card date (year and month) input fields are slightly higher than the CVC input field. It's caused by the fact that I used fieldset and legend tags. If someone knows how to fix it, I will appreciate a piece of good advice.

The responsive menu background. I used javascript to change the background colour to black. Does anyone know how we make it in CSS, using pseudocode?

I have raised the question in Slack but still waiting for a response. This advice generator works well in Chrome but doesn't work in Firefox. I can't figure out what went wrong. Does anybody know how to fix this?

• Changed the rating buttons to radio buttons
• Reconstructed the style sheet with global variables If anybody knows a better way to renew the page after submitting the rating, I'll appreciate it.

To maintain the style, the validation is hardcoded in JS. However, the Constraint Validation API would be a better tool. Has anybody used the API and resolved the ":invalid" border-colour issue? Any best practices for the validation?

Does anybody have a better approach for the SVG icons? I found these social media icons on Iconmoon, but they don't have circles. I could re-draw them in illustrator and publish them in SVG format. However, I am not sure that's the best way to do so.