Responsive 3-Column using CSS Grid

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello ROHIT , congratulations for your new solution!

  Your solution seems great, the design of the cards too. I've some tips for you:

  A better tag for the cards is <article> instead of section. Here's an article explaining the difference betwen these two tags:

  https://stackoverflow.com/questions/33910294/what-is-the-difference-between-article-and-section-in-html5#:~:text=The%20tag%3A,independent%2C%20self%2Dcontained%20content.

  You need to replace all width with max-width to make the cards responsive, the main difference between these two properties is that the first is fixed and the other gives the card a maximum size but can decrease the size to fit the screen.

  👋 I hope this helps you and happy coding!

  1

  ---

  

  Rohit Deshpande•870

  @rohitd99Posted over 2 years ago

  @correlucas Thank you for the tips , I got the difference between article and section.

  I didn't get the second one, as my cards are responsive. I do understand the difference between width and max-width but not the context you're referring to , can you please clarify?

  0