Design comparison
Solution retrospective
This is my challenge, if you have any feedback would be amazing!
Community feedback
- @GrzywNPosted over 2 years ago
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!
Marked as helpful1@vanribeiroPosted over 2 years ago@GrzywN nice hint! I was having a similar problem it. I used another solution for the challenge, but it's really nice and helpful to know about it! =) Thanks for share it! <3
0@cxalemPosted over 2 years ago@GrzywN thank youuu! I didn't notice that issue on Firefox!!
0 - @vanribeiroPosted over 2 years ago
@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>
Marked as helpful0@cxalemPosted over 2 years ago@vanribeiro thank yoouu, Van!! That's an amazing hint!!!
1
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