Testimonial Grid Site Using Grids and Flexboxes

Community feedback

• 

  Jeet Gangwar•160

  @i-amWinPosted 10 months ago

  Set the position: relative; and isolation: isolate; on first card and add that quotation mark on the pseudo element as shown in code below:

  .card:nth-of-type(1) {
        grid-area: card-1;
        background-color: hsl(var(--moderate-violet));
        isolation: isolate;
        position: relative;
  }
  
  .card:nth-of-type(1)::before {
        content: url("./images/bg-pattern-quotation.svg");
  
        position: absolute;
        top: 0;
        right: 8%; /* Adjust this according to your preferences. */
        z-index: -1;
  }
  

  Marked as helpful

  1

  ---

  

  Elameen Daiyabu•160

  @elameendaiyabuPosted 10 months ago

  @i-amWin Thanks for the feedback. I just tried to do it but didnt work. i will look into it and fix it.

  0