Skip to content
Submitted about 2 years ago

React App With Tailwind CSS and Color Switch Mode

Rubai Rahman•40
@Rubai-Rahman
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

I had trouble with the API , Mostly To rendering the Native-Name. As I am a beginner it was pretty hard for me to render the nested object. And I tried several time to remove the focus outline from the search bar and select Region . But can't remove . the outline .

Community feedback

  • Josh•560
    @jkellermanPosted about 2 years ago

    Nice solution!

    FYI, removing focus outline isn't good for accessibility.

    https://pauljadam.com/guides/focus-outlines.html

    https://www.a11yproject.com/posts/never-remove-css-outlines/

    0
    Rubai Rahman•40
    @Rubai-RahmanPosted about 2 years ago

    @jkellerman oh ok , Thanks for the information.

    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