Pretty easy, but i notice one problem with API calls in Firefox (in Chrome all is good). After fetching first advice and clicking on the button to get new one, call response comes with the same advice every time and new object is fetched only after page reload, whenever in the Chrome all working fine. What it can be?
@slothmast3r
Posted
Hey man! Great work!
I studied your code and i found that you are repeating height: 100% in your css code (in main and #app). My personal choice is min-height: 100vh because you wont run on a problem like your content doesnt fit in div
Marked as helpful
@Sdann26
Posted
Hi, Vahe!
I also had the same problem, to solve it I saw that fetch can receive a second argument where you can pass several options, so if you give it:
fecth(url, option) , option = {'cache': 'no-cache'}
You can make it not save the cache and give you different responses.
Reference: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
By the way, don't forget to correct the accessibility problems, good luck!
Marked as helpful
@VaheAA
Posted
@Sdann26 Thank you, very helpful!
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
