Responsive landing page using CSS flexbox, @mediaquery

Community feedback

• 

  Shiva•670

  @shivaprakash-sudo

  Posted almost 3 years ago

  Hello Iryna,

  • You can get around the caching by putting the below code as a second argument in the fetch API.

  {
      cache: "no-cache"
  }
  

  After I've done this in my code, I started to get a new advice every time I clicked. Let me know if it doesn't work.

  02

  Marked as helpful
• 

  Enmanuel Otero Montano•2,155

  @Enmanuel-Otero-Montano

  Posted almost 3 years ago

  Hello Iryna!

  The API documentation says that it won't show a new tip before 2 seconds have passed since the last one was shown.

  Note: Advice is cached for 2 seconds. Any repeat-request within 2 seconds will return the same piece of advice.

  This is what the documentation literally says.☝

  You can directly insert the two svg's into the HTML for the divider bar and show one and hide the other depending on where the page is viewed (there is one for mobile and one for desktop) with the property display: none; or you can add a div and by CSS display the bar on that div with the background property. I recommend the second option.

  I leave you the official documentation on background.👇

  background property

  01

  Marked as helpful