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

REST Countries API - React and SCSS

#react#sass/scss
AC 🍀 340

@alleycaaat

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

Community feedback

@maakosu2

Posted

It's a great site, with a beautiful layout, and impressive design, however, I tiny oversight appearance on the filter by Region input bar, the first option of filter region does not appear when out of focus, a solution to solving this, could be by removing the place handler text from the select element and adding another option element with the value of the empty string, the option should be the default option, example from code is given below:

<option selected value=' ' style={{ color: `${colorValue?`${BlackColor}`:`${WhiteColor}`} `, background:`${colorValue?`${WhiteColor}`:`${BlackColor}`} ` }}>Filter by Region -All</option>

and its empty value search option could be the "all countries" value in your filter algorithm , great work you have , welldone

0

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