Advice generator. #2 Challenge

Hi zer0VAns, if you're a Firefox user like I am, you can definitely try adding the request header object mentioned by @Darknessflowers, as that was what solved my problem. I see in your code that you're using the w3 library; I'm not familiar with it so I'm not sure where you'd put the header object since w3.getHttpObject takes a callback function, unlike the fetch API which uses promises. If you're up for trying the fetch API along with using no-cache, you can use this snippet of code:

function getAdvice() {
   fetch("https://api.adviceslip.com/advice", {cache: "no-cache"})
     .then( response => response.json())
     .then( data => {
        const advice = data.slip.advice
        text.innerHTML = '"' + advice + '"'
   })
}

One other suggestion is, for the mobile view, I think the advice container can use a bit more padding. Anyway, great work on the whole, especially in getting your solution to look really close to the design!

I'm not familiar with the way you retrieved it, but I was having the same issue when building mine and the problem was that Firefox was caching it. With mine when fetching I had to add {cache: "no-cache"} to my fetch. I'm not sure what the solution is with the method you used, but I think it is the same problem of Firefox auto-caching it since it does work if you view it in other browsers. I hope that helps point you in the right direction. It's a great attempt at the challenge!