Skip to content
Submitted 12 months ago

Countries and their Bio

Ayobami Ikuewumi•850
@Ikuewumi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...REST Countries API with color theme switcher
  • HTML
  • CSS
  • JS
  • API
4advanced

Design comparison

SolutionDesign

Solution retrospective

Hi. It's been quite a while since I posted solutions here. I've been busy with med school, but now with the holidays, I can restart programming.

So, this project, I did most of it by hand including the routing and state management. I did use a tiny library called nanostores though, to give me stores to work with. It was mostly ok, and I tried being cognizant of a11y.

I also ended up adding a few features like system theme and a to top button,

Anyway, if you can, check the project out, and all comments are welcome, even appreciated. Happy Coding,

Ayobami

Community feedback

  • Ghayth-Sabeaallil•90
    @Ghayth-SabeaallilPosted 12 months ago

    I used "loading="lazy"" for each img tag. But it feels wrong because I got error "Attribute "loading" not allowed on element "img" at this point."

    Marked as helpful
    1
  • Ayobami Ikuewumi•850
    @IkuewumiPosted 12 months ago

    Hey guys, one more question, how do you handle loading all the images, I thought it would place way too much strain on the page performance, so I tried lazy-loading them, but some problems came up, How did y'all handle it?

    0

Please log in to post a comment

Log in with GitHub

Join 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