ReactJS, Next.js, SASS Advice Generator

Great job on the challenge I noticed the issue with the API call response in Firefox (I experienced this myself while I was doing this challenge). After first call you always get the cached response and result doesn't change. To solve it you can add to your fetch option fetch(apiUrl, {cache: "no-cache"}). For more information.

Hope this helps! Have a nice day and happy coding!

@cxalem, my hint is about images. HTML5 has a nice container called <picture>. There you can add the images you want and set the breakpoint you wanna render it, without use a if/else with JS or using other alternatives with CSS.

<picture>
     <source srcset="mdn-logo-wide.png" media="(min-width: 600px)">
     <img src="mdn-logo-narrow.png" alt="MDN">
</picture>

More Information

Congratulations on completing this challenge