Four card feature section

Community feedback

• 

  P

  Vishika•360

  @VishikaPosted 5 months ago

  Very impressive use of clamping!

  A couple of tips!

  1. for the card image, you can use margin-left: auto for it's position

  2. you can use grid template areas for the placement of the cards

  .cards {
      display: grid;
      grid-template-areas:
        ". . t t . ."
        "l l t t r r"
        "l l b b r r"
        ". . b b . .";
    }
  
    .card--1 {
      grid-area: l;
    }
  
    .card--2 {
      grid-area: t;
    }
  
    .card--3 {
      grid-area: b;
    }
  
    .card--4 {
      grid-area: r;
    }
  

  Marked as helpful

  0