Design comparison
SolutionDesign
Solution retrospective
I added an extra feature to the website which lets you play a game where you will be started at a random country and required to get to another country as fast as possible the website tracks how long it took you how many and what country you went through
Community feedback
- @denieldenPosted about 2 years ago
Hi TheHunter, congratulations on completing the challenge, great job! 😁
Some little tips for optimizing your code:
- add
header
tag and wrap thenav
for improve the Accessibility - use
article
tag instead of a simplediv
to the container card for improve the Accessibility - add descriptive text in the
alt
attribute of the flag images and not simple "flag" for all - remove all unnecessary code, the less you write the better as well as being clearer: for example the
span
container of image - use
ul
element for the details text of country instead of multiplespan
- instead of
span
for the details text usep
- if you want to use the title for the
href
attribute you have to parse it inurl
, it can give problems creating links with empty spaces or special characters - if I type a query that doesn't give any results, nothing happens, try adding a "no results" message
- I would also add a query reset button, I find it very convenient
- in the filters there is no way to return to all countries after choosing a region, add an entry "all region"
Hope this help! Happy coding 😉
Marked as helpful0 - add
Please log in to post a comment
Log in with GitHubJoin 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