Svelte + Tailwind CSS, infinite scroll,local storage after fetch

Community feedback

• 

  Fexxix•230

  @FexxixPosted over 1 year ago

  Came over when I saw you liked my solution. After checking this out, I couldn't help but comment. Simply Beautiful. Probably the best solution for this one I have seen. Not just design-wise but also performance wise. Great Work! About the blur feature thought, I think you could do something like .grid-section:has(.country-card:hover) .country-card:not(:hover) to blur all grid items except the one being hovered on.

  Marked as helpful

  1

  ---

  

  diversis•250

  @diversisPosted over 1 year ago

  @Fexxix lucky you. My app stopped fetching (timeout) when they updated flag data with that long alt text. I'll update app later. And about your advice. Now my app renders all cards inside one grid, so applying blur to all cards is not an option (too resource consuming). Maybe i could split them into rows for css somehow, but i haven't looked into this yet. And :has selector isn't supported in firefox.

  0