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-app-main

Albaraa Adamβ€’ 230

@AlbaraaAdam

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


What do you think :)

Community feedback

Naveen Gumasteβ€’ 10,480

@NaveenGumaste

Posted

Hello Albaraa Adam ! Congo πŸ‘ on completing this challenge

Let's look at some of your issues, shall we:

  • Always use h1 first and then h2, h3 and so on

  • Input buttons must have discernible text

happy CodingπŸ˜€

Marked as helpful

1

Albaraa Adamβ€’ 230

@AlbaraaAdam

Posted

@Crazimonk thank you πŸ™

1
Albaraa Adamβ€’ 230

@AlbaraaAdam

Posted

@Crazimonk ok I have fixed them πŸ‘

1
teamieβ€’ 470

@tea-scripts

Posted

Great job completing the challenge!

Some points to take note of:

  • Try as much as possible to separate your files and link them up in the html rather than having all different types of codes in your HTML like JQuery, in-line JavaScript. This is not set in stop but is considered best practice and helps separate concerns.
  • Do not use inline/internal styles when developing a website, you can create a .css file and set up your codes there.
  • The advice when fetched should be displayed in quotes " " and you seem to be missing that and might want to take a look at that.
  • You're supposed to have at least two layouts (desktop and mobile) but you've only got one. The challenge isn't only to test your coding skills but also your skills as a designer and this is one of the requirements of this challenge.

Great work using JQuery to fulfil the task. You're doing great, keep pushing πŸ‘!

1

Albaraa Adamβ€’ 230

@AlbaraaAdam

Posted

@coder-teamie thanks πŸ™πŸ™πŸ™

0
Albaraa Adamβ€’ 230

@AlbaraaAdam

Posted

@coder-teamie ok I have fixed them πŸ‘

1

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