Design comparison
Solution retrospective
Hi Everyone, I would entertain feedbacks, constructive criticism and questions. Thank you.
Community feedback
- @JesusAtao96Posted almost 4 years ago
Hello Abiodun Olunu π
Excellent work on this challenge πππ.
Try to integrate a debouce for the input search, this makes the request be called when the user stops typing. Currently in your solution for each letter written a request is being made and that is bad for a real project,.
Your backend will appreciate it very much β¨.
Happy coding π.
2 - @santos-jadsonPosted almost 4 years ago
Hello, Olunu! How u doing?
Your code is great and looks very similar to the original design. Congrats :D ... I think the only thing you could check is the fact that some of the cards don't have the same height. Maybe if you set a min-height or a max-height property, it could be fixed.
2@abiodunolunuPosted almost 4 years ago@santos-jadson Thank you, The main reason why I did it that way is because of the flags, they aren't the same heights and widths and I don't want to hide parts of any flag. But I will rectify this ASAP. Thanks
0 - @ApplePieGiraffePosted almost 4 years ago
Hello there, Abiodun Olunu! π
Nice work on this challenge! π Your solution works quite nicely! I like the loading animation you added when waiting for countries to appear! π
I just suggest adding
cursor: pointer
to the country cards perhaps giving them a maximum size so that they do not become too big in the desktop layout if only one country is shown. πKeep coding (and happy coding, too)! π
0@abiodunolunuPosted almost 4 years ago@ApplePieGiraffe Thanks for the feedback, I will do that ASAP.
0
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