Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Rest countries api using Reactjs + Styled Component + Router

Dark-Lover 735

@Dark-Lover

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


hey guys ;) this challenge was really a great experience for me, since i started learning react, this was the hardest task to manage. iv learned a lot, discovering React router, more practicing of styled component .. im proud of myself, but i will be happy if i get any feedbacks ( + or - ) from you my friends.

Community feedback

@bryanhenryon

Posted

Hey, you can set a position: sticky to your <nav> instead of fixed in order for it to not overlap the rest of the content. You also shouldn't set a fixed height to it but add vertical padding instead, like 2rem. It's gonna look much better. 🙂

0

Dark-Lover 735

@Dark-Lover

Posted

bonjour @bryanhenryon J'étais concentré sur l'usage de Reactjs avec styled component. l UI reste discutable. merci pour ton passage.

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