Four card feature section

Community feedback

• 

  hashiharis•100

  @hashiharisPosted 9 months ago

  @darkshadows02,

  Your solution looks really amazing. Great Job 🎉

  For making it responsive:

  1. You can also use flexbox to work with it.
  2. You can use a grid layout and using media queries with max-width for smaller screens you can position them using grid-area properties.

  For accessibility and SEO reasons:

  Make sure you use heading tags in their logical order from h1 to h6 Here is an article that might help you

  Marked as helpful

  1
• 

  P

  Lo-Deck•2,650

  @Lo-DeckPosted 9 months ago

  Hi first thing you need to use more HTML tag like section instead of a lot of div, it's better for screen reader.

  Use em or rem instead of px.freecodecamp.

  And you use position: relative for each item which implies they're stuck at this place and can't easily move. You'd better use display: grid to place on the page it's more flexible. Mozilla.

  A better way, it's to work with flex and grid to place your item, it's an easy way when you know how it works.

  Hope to be helpful.

  Marked as helpful

  1