I couldn't add responsiveness by myself, I had to use bootstrap to do it for me. I can't still figure out how can I send someone to the border country after clicking it, It's because I did not use any backend. It's just plain js html css api. I'm learnt about URLSearchParams and new methods like .join split .map etc. The most thing that was difficult was the search filter. I was using an array taken from the .card class. Thats why when i searched for a country it at first appeared by later i had to refresh the page to make it work properly, as the array was constantly being changed, But now i've fixed that by just changing the display. and one question. sometimes margin auto just dosen't work I dont know why? What is the proper and best way to add responsiveness? I don't understand how this position property works!
Samuel Blessed Woniowei
@SamuelWonioweiAll comments
- @raahim21Submitted about 1 year ago@SamuelWonioweiPosted about 1 year ago
I noticed that you added a search button to the search bar. You can use an onchange property on the search input so it changes once it is been typed in.
Also, the whole country card can be a link so you do not need to have a need more button there.
0 - @dreaquilSubmitted about 2 years ago
I'm unsure how best to get the sizing of the image and the component right.
I'm unsure how to deal with responsiveness at the lower end of mobile.
@SamuelWonioweiPosted about 2 years agoYou could use CSS flexbox. It works perfectly for positioning at the center both horizontally and vertically.
Marked as helpful0