Skip to content
Submitted about 2 years ago

Rest Countries API Witch React and Typescript

Gustavo Sorati•170
@gustavosorati
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

Give a feedback!

Thanks for the feedback, I will make the responsive version in the future.

Community feedback

  • mako542b•370
    @mako542bPosted about 2 years ago

    In the container with cards, instead of hard coding the number of columns you could use auto-fit, e.g. 'grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))'. This way it would automatically fit number of columns with the min-width of 300px, and they should stretch evenly to fill the whole space

    Marked as helpful
    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