REST Countries API Using SvelteKit

hi, Following are the issues I like to point out:

1. Cards are not well organized. I would suggest using grid .

<div class="container">

</div>

.container{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(280px,1fr))
}

With above code you dont have to write media-query for differnent sceen just to style cards.

1. fix the header while scrolling.

header{
position:sticky;
top:0;
}

1. On Detail page border country name is almost toching the bottom of the screen. add some padding.

Good luck, #happyCoding