Skip to content
Submitted 7 days ago

Rest Countries ( React, Tailwind )

Frost•80
@zshaian
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

What are you most proud of, and what would you do differently next time?

Next time, I'll add a loader while fetching the data. :)

What specific areas of your project would you like help with?

I'd like to ensure that all country flag images display at the same size in both the country list and details view. Some flags have different aspect ratios, and I don't want to set a specific size, as that might crop parts of the flags.

Community feedback

  • geomydas•1,440
    @geomydasPosted 7 days ago

    Try CSS subgrid for this. I've tried setting aspect-ratios on the flag images aswell but some of there either are distorted or cropped. Setting height / min-height does the same aswell.

    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