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 Application using HTML, CSS, JS and Advice API

Sridarshanβ€’ 60

@sridarshan-webjava

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


Hey guys! This is my solution to the advice generator app challenge. I have used HTML, CSS and JS to complete this challenge. I have also added animations to enhance the interface. Do check out the solution and let me know for suggestions, be it using better semantic HTML tags, reducing lines of CSS code or using a better logic in the JavaScript code.

Thank you

Community feedback

Ciceronβ€’ 940

@MarcusTuliusCiceron

Posted

Hey, I don't know if it is only on my side but button clicks works only once and after its not doing anything else. I faced the same issue when I did that challenge and what you can do is clear cash after fetching the api data with that command in your js: cache: 'no-cache'

Animation looks cool congrats

Hope it helps :)

0

Sridarshanβ€’ 60

@sridarshan-webjava

Posted

@MarcusTuliusCiceron Sure! Thanks for the suggestion πŸ‘πŸ»

0
Kamasah-Dicksonβ€’ 5,590

@Kamasah-Dickson

Posted

Your footer is overflowing content. Remove the position properties on the footer and just add text align center to fix this. Good job keep codingπŸ‘

0

Sridarshanβ€’ 60

@sridarshan-webjava

Posted

@Kamasah-Dickson Thank you!

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