CSS Grid Layout

Community feedback

• 

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  1. As you can see in the screen shot comparison your cards are very much undersized. This is the first thing to address

  2. you should look at your current results with the browser set to 400px wide and you will see you cards exiting the left and right side of the browser. One you get your cards the correct size then you need to move your transition point to a point were the screen is wider going to desktop size

  Marked as helpful

  2

  ---

  

  Yeimy•365

  @Yeimy7Posted over 3 years ago

  Thanks for your feedback, I will work on all of that

  0
• 

  Vanza Setia•27,775

  @vanzasetiaPosted over 3 years ago

  👋 Hi Yeimy! My name is Vanza!

  I have some feedbacks for you, to make this solution better.

  • Try to add margin: 0 auto on your container to make the content right in the middle of the page horizontally.
  • Try to add more media queries on other breakpoint to make it responsive on all screen sizes.

  That's it! Hopefully those feedbacks are useful for you!

  Happy Coding!

  Marked as helpful

  2

  ---

  

  Yeimy•365

  @Yeimy7Posted over 3 years ago

  Hi Vanza!

  Thank you so much for your comments and suggestions. I will work on it =D Happy Coding as well!

  0