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

React and Redux Theme Switcher Countries Website

@adarkforce

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


Hi, any feedback is appreciated. This is my first time using Redux Slices and Entity Adapters :D

Community feedback

Mohamed Donzo• 165

@demahom18

Posted

Hey I just did the same challenge with Vue, and I found some issue in your demo site. There s a bug with hover effect (I tried it in Microsoft Edge)

1

@adarkforce

Posted

@demahom18 Hi demalon, yes more than a bug it is a space problem. The moment you have 5 columns and the screen is too small when the animation starts they will become 4 columns, so the solution will be to use an animation less risky for grids. I used the zoom property, I think just by using transform scale it will fix the issue

1

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