Skip to content
Submitted over 1 year ago

Rest Countries API

Mehdi•990
@siavhnz
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

Hello Dear Comunity

I used React and React Router for creating this project.

I faced plenty of challenges with React Router Loader and Action features that has added to React Router newly but that was interesting

Thanks for reviewing my solution :)

Community feedback

  • Ukaegbu Gray Nneji•220
    @graynnejiPosted over 1 year ago

    Very nice. But I have a suggestion for you. Your country cards are not aligning with one another I suggest you specify a height in order to make the of the same height.

    1
    Mehdi•990
    @siavhnzPosted over 1 year ago

    @graynneji

    Dear Ukaegbu

    First I came up with this solution and I faced with some inconveniences:

    By specifying a fix height in countries with wide flags the image get smaller than the box, like Canada (height: 200px), and with countries with narrow flag the image doesn't fit into its box, like Kosovo (height: 150px)

    So to respect to countries flags I decided to omit the solution, maybe in real projects all the pictures of a thing have the same size as each others

    Thanks for checking my solution :)

    1
    Ukaegbu Gray Nneji•220
    @graynnejiPosted over 1 year ago

    That's a good point thanks @siavhnz

    1

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