Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Countries and their Bio

#sass/scss#typescript#vite#accessibility
Ayobami Ikuewumi• 850

@Ikuewumi

Desktop design screenshot for the REST Countries API with color theme switcher coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
4advanced
View challenge

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

Posted

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

@Ikuewumi

Posted

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
Discord logo

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