Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
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
Not Found

Submitted

Rest Countries API Witch React and Typescript

@gustavosorati

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


Give a feedback!

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

Community feedback

mako542b 370

@mako542b

Posted

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