REST Countries API Using SvelteKit

Community feedback

• 

  Prabhash Ranjan•2,540

  @besttlookkPosted over 2 years ago

  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.

  2. fix the header while scrolling.

  header{
  position:sticky;
  top:0;
  }
  

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

  Good luck, #happyCoding

  0