All solutions

I learned a ton from this challenge!!

The code is messy... I need to refactor it later LOL.

I also need to implement the feature to click outside to close the filter by region.

I have one question here.

How do I make the theme toggling in sync with the different routes?

Say, when the theme is dark mode first, when I click on a country it will take me to https://example.com/italy, and then I toggle the theme here to light mode.

Now, I click the back button to return home page. The home page is still in dark mode.

Finally, I completed this challenge which I started 8 days ago! It's not perfect and maybe I need to also implement RegExp for the user input. Any suggestions and comments are welcomed!

I have 2 issues here.

1. I need to figure out a way to add the background image for the curved background.

   • Do I have to use the before pseudo-element for the background?
   • Or do I have to use the <img> tag?

2. The footer layout is slightly different from the design, I'm gonna put it that way first ;)

I lost for the curved part XD

What is the smartest way to create a responsive SVG curve?