All comments

• 

  Lenez•440

  @lenez12Submitted about 2 years ago

  1. i confused what the best practice to create a responsive layout, in this case i have use css grid, can you explain to me what should i choose flexbox or grid css
  2. in another code i see someone using article tag for create the card component, isn't using div tag is more relevan?

  

  Four card feature section

  2

  30
  

  Ian•150

  @blndcatPosted about 2 years ago

  Hi Lenez,

  1. Here's my take on choosing between grid and flexbox for responsive layouts. In many cases what you can achieve with either will overlap. So in some cases it doesn't matter, however some things can be more easily implemented with one rather than the other. I learnt a lot by first using one for a layout and then trying to redo it in the other.

  I tend to use grid for the general structure (skeleton-like) layout, and flex for individual details of components (things like navigation or a row of social media icons inside a card).

  2. As for article vs div, article is actually quite a general purpose tag/container, it isn't just for news/literary articles. It can be used for elements/components that repeat on the page and are similar in structure but have different info, like people profiles, testimonials, and yes things like blog posts.

  Hope that helps!

  1