Rest Countries API

Community feedback

• 

  nicol29•200

  @nicol29Posted over 1 year ago

  Hi Dean,

  Your project looks great and congrats on finishing it!

  You said you are unsure about the responsiveness of your page, one thing I noticed is that for your grid container you explicitly define a set amount of columns with the following property: grid-template-columns: auto auto auto auto;

  There is no issue by doing it this way but we can increase the responsiveness of the grid by using the following styling: grid-template-columns: repeat(auto-fill, 300px). What this does is it allows the grid to set its own amount of columns based on its container width by using auto-fill. The 300px is the width of each grid item, this of course can be changed to your liking.

  Have a try and use it in your project and then see how it works by resizing your browser window.

  Marked as helpful

  1

  ---

  

  Dean Hudek•290

  @deksa89Posted over 1 year ago

  @nicol29 I thought that we had to explicitly put 4 columns that is why I did that this way. Thank you for your advice, I appreciate it! :D

  1