Design comparison
Solution retrospective
This refused to work in firefox for whatever reason. And just kept fetching the same advice everytime. It worked fine in both chrome and edge.
What's causing it to have issues in firefox?
I also noticed that it doesn't align properly vertically in firefox either. Any reason for that?
Community feedback
- @wendyhamelPosted over 2 years ago
Nice work! Looks great!
The problem with firefox is that it caches the fetch. You can prevent this by adding:
, {cache: 'no-cache'}after the link in your fetch request. You can read more about this in the MDN docs about Fetch()I did not see the alignment problem you mentioned. So I don't know what caused that in your testing.
I noticed your class
advice-id. You might want the re-think the naming of a class with id. ; - )Keep coding!
Marked as helpful1@MountainbeachPosted over 2 years ago@wendyhamel Thanks for the answer! I assumed it wasn't a cache issue since it retained the same advice/quote even if I did CTRL+F5.
The advice-id class part didn't even occur to me, but I can definitely see that not being the best naming practice haha.
0@PerlishnovPosted over 2 years ago@wendyhamel I asked the same question and no one gave me a good explanation I changed it, and now it works. Thanks!
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