Skip to content
Submitted over 3 years ago

Advice Generator Application using HTML, CSS, JS and Advice API

Sridarshan•60
@sridarshan-webjava
A solution to the Advice generator app challenge
Preview (opens in new tab)Code (opens in new tab)

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

Code

Please log in to post a comment

Log in

Community feedback

  • Ciceron•940
    @MarcusTuliusCiceron

    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 :)

  • Kamasah-Dickson•5,570
    @Kamasah-Dickson

    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👍

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