@elaineleung
Posted
Hi Joel, about your question on the API, if you happen to be using Firefox like I am, then there's a caching setting in the browser that causes the next advice to not load right away. To fix that, you just need to add an object in the fetch method, like this:
fetch('https://api.adviceslip.com/advice', { cache: 'no-cache' })
One other suggestion here: You can try to change the width
to max-width
in your quote-card
with a bit of margin around (e.g., margin: 1rem
), and once you do that, you can try making your breakpoint smaller (e.g., 500px) since the card should be more responsive now.
Marked as helpful