Design comparison
Solution retrospective
I was working on this project in Chrome. The Advice was being fetched perfectly. Then I went to Firefox. The Advice was being fetched only one time & not changing.
I clicked the button multiple time but nothing happened. I went to the network tab & saw The request were 200.
After some research, I realized that Firefox cached the response. Every time, I called the API, It gave the cached response.
Then I used { cache: "no-cache" }
in fetch
function. Now It's working fine.
I used CSS variables to store style-guides color. But I feel uncomfortable in naming. How do you name your CSS variables?
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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