All solutions

I did not implement the button on the detail page because the names of the border countries are abbreviated, how could I use the given api to make this buttons work.

How to make the image cover the edges (top right and bottom edges) of the card in desktop view without actually squashing the image or losing part of the image?

On mobile view I struggled to get the menu (the white background of the menu) to align perfectly with the sunnyside logo and the hamburger menu bars. I would greatly appreciate any help on how to approach this.

The icons (e.g the dollar sign) in the input elements won't show yet in my VS code editor when I view the web app using the live server they're displayed.

I know I might be messing up the root path put I can't seem to get it right.

Also anything else that needs work (in the web app), I would greatly appreciate feedback.