All solutions

As usual, creating the responsive page was the hardest. I think I need to apply the "mobile first' approach to have a easier path. But it's been really fun to solve these challenges. Hope you all enjoy it!

QUESTIONS: There's a way to optimize it? Please let me know!

This app is designed to retrieve a random advices from a API called ADVICE SLIP JSON API (https://api.adviceslip.com). This challenge was much easier than the previous one ( the age calculator), and I thought it'd be tougher because of the API. I used the fetch() method to make the request from the URL and convert the json to a actual JS object. It's always fun to work with API. Hope you all enjoy it!

My question is: is fetch() the best method to work with APIs? either for vanilla and ReactJs?

Surprisingly, the css was the hardest to me than the functionality itself. I spent a decent amount of time to figure out the best way to organize all the containers and to establish each position on the page. But despite the struggle, it was really fun to solve. There's some traits that it's missing but in overall, I'm happy with! Hope you like it! :)

I have a question: Dedicating a external js file just to store the constants is it efficient on code execution manner or it's for a better readibility? Thanks!

One of my doubts is about the containing elements. was it right, on this case, wrap up the <h2> and <p> in the <section> container? Because I thought it'd be easier to change its style.