Four Card Feature Section

Community feedback

• 

  Abdullah•340

  @ASH2001princePosted about 2 years ago

  Hello @YoussefTadarti congrats for your first attempt I got some tips for you

  --HTML

  1. instead of adding the <div> as a container you should have put the <main> element.
  2. And the <div> card as a <article> and at the same time the <article> as a section,

  --CSS

  1. Its kinda tricky positioning the card by using the margin i think its better using this code:

  display: flex;
  justify-content: center;
  align-items: center;
  

  2. I did this project a couple days ago and this is how i designed the card => my main container:

  .cards{
      display: grid;
      grid-template-columns: repeat(4, auto);
      justify-content: center;
      align-items: center;
  }
  

  hope you find my feedback helpful.

  Marked as helpful

  1

  ---

  

  Youssef Tadarti•90

  @YoussefTadartiPosted about 2 years ago

  Hello @ASH2001prince thank you very much for your awesome feedback 🙏and thanks for this css and html tricks 🙏

  1