Skip to content
Submitted over 2 years ago

Advice Generator app using Bootstrap

xtradam•30
@xtradam
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Advice generator app
  • HTML
  • CSS
  • JS
  • API
2junior

Design comparison

SolutionDesign

Solution retrospective

I had a great time with this challenge, I felt like I was able to make it close to the design to the best of my ability. The hardest part was trying to get the button to align in the proper place. Lots of experimenting with different flexbox and position attributes.

Community feedback

  • favour Aniogor•275
    @PhantomOzPosted over 2 years ago

    Nice job Xtradam, I just have some feedback:

    • You should try fixing the accessibility issues by formatting your code well, I noticed there is a div with an empty class attribute try removing that.
    • Your codes are very readable, excellent job with that 👍
    • Your site looks nice on desktop and mobile.
    • Just a suggestion: you should add a transition to your #adviceQuote so it eases in when the advice changes.

    Great Job by the way, I hope you find this feedback helpful 👍

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

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