Skip to content
Submitted 13 days ago

Advice Generator App using React & API Integration

Asia Ashrafā€¢390
@asia272
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

What are you most proud of, and what would you do differently next time?

Iā€™m proud of integrating an API into my React app and making it dynamically fetch random advice.

What challenges did you encounter, and how did you overcome them?

I had issues positioning the advice button at the bottom center of the card. Solution: I used position: absolute;, left: 50%;, and transform: translateX(-50%); to center it properly.

Community feedback

  • Muhammad Awaisā€¢1,100
    @muhammadawaislaalPosted 2 days ago

    you are so close to success

    0
    Asia Ashrafā€¢390
    @asia272Posted 2 days ago

    Really appreciate it, Muhammad Awais! I'm a self-learner, and sometimes I get confused about what to do next, but I keep learning and improving. One step at a time! šŸ˜Š

    0

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