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

Responsive advice-generator app created using html,css and jsπŸš€πŸ”₯

Karrar Husseinβ€’ 220

@Karrar-Hussein

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


Please feel free to check the site and provide me with any useful feedback😊✨.

Community feedback

Account Deleted

Hello... Congrats on completing this challenge. πŸŽ‰πŸ₯³

Here are some tips to improve your code πŸ’―.

HTML: 🧱

  • If you can see in the reports that Frontend Mentor gives you, it says that all your content must be contained by reference points. To avoid these accessibility problems, make sure that your content is within a reference region with HTML5 elements πŸ™ƒ. Example:

    <html lang="en">
        <head>
            ...
        </head>
        <body>
            <header>
                ...
            </header>
            <nav>
                ...
            </nav>
            <main>
                ...
            </main>
            <footer>
                ...
            </footer>
        </body>
    </html>
    
  • Your img tags must carry an alternative text, (the alt tag), except in some cases. More info here

CSS: 🎨

Your reset is good, but you can improve it by using some popular resets like the following πŸš€:

Your solution is very good! πŸ’―πŸš€

Happy coding! βœŒοΈπŸ™ƒ

Marked as helpful

1

Karrar Husseinβ€’ 220

@Karrar-Hussein

Posted

@FLCHRIS Thank you for your feedback that was very 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