Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Advice Generator - plain HTML, CSS, JS (w/ jQuery)

@clarenceharre

Desktop design screenshot for the Advice generator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Loading is slow due to window.onload and the use of CDN to import jQuery and the Google Font. Keen for ideas on how to improve speed :-)

Community feedback

@KevinMA95

Posted

Hello @clarenceharre.

Your solution looks fine and works correctly I would only suggest to start with the mobile design first and then use max-width so the design looks good in any screen resolution.

Also try looking into semantic HTML, so you will not have any accesibility issue when uploading a new solution.

Here is a link if you want to read more about it: https://www.w3schools.com/html/html5_semantic_elements.asp

Hope this helps and happy coding! :)

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord