Skip to content
Submitted over 3 years ago

Responsive, React, CSS, Axios

Fahad Khan•180
@fahadkhanpakistan
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

This site is developed by ReactJS & had used several small libraries for enhancing the performance. But the theme toggle feature is not available due to my own laziness 😅. Please suggest me if needed. Thanks buddy! keep helping eachother.

Community feedback

  • htmlHxcker•70
    @htmlHxckerPosted over 3 years ago

    I think the most noticeable design difference here is that: there are 5 nations per row which in turn makes the Flags look badly resized, if you could make it 4 per row that would be awesome, secondly, I think you have some errors rendering your list, seeing as you mentioned React, I'll assume you're mapping the data you get from the API, check out your list structure and then you should be all set, other than that Nice work!

    0
    Fahad Khan•180
    @fahadkhanpakistanPosted over 3 years ago

    @Hakymreality thanks for your notice. I had tested the site on chrome only. I think you might see my site on different browser. Can you please suggest me how to lookafter all the browsers look/view

    0
    htmlHxcker•70
    @htmlHxckerPosted over 3 years ago

    @fahadkhanpakistan Check out https://responsively.app

    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