Skip to content
Submitted over 2 years ago

REST Countries API using React, Next.js, TypeScript & Tailwind

Tom•290
@tomhine
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

A lot of my recent projects were built with Vue, so it's been fun getting back to using React. Could probably add some animations to this, although I might just do that with the next project.

Any and all criticism would be really helpful!

Community feedback

  • Khaizter•190
    @khaizterPosted over 2 years ago

    I suggest using repeat(auto-fill, minmax(minimum-size, 1fr)) in the grid template columns this will make your grid become responsive with less media queries. As it automatically fills up another column if there's a space available.

    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