Stats preview card component

Community feedback

• 

  hitmorecode•6,680

  @hitmorecodePosted about 1 year ago

  Nice well done. See below how you can fix the overlay

  .right{
    background:url(img.jpg) no-repeat;
    height:446px;
    width:560px;
    position: relative;
  }
  
  .right::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: hsl(277, 64%, 61%);
    mix-blend-mode: multiply;
    opacity: 0.8;
  }
  

  When going to smaller screen the image is at the bottom, you need to do a flex direction reverse.

  Marked as helpful

  0

  ---

  

  sumaira10041•210

  @sumaira10041Posted about 1 year ago

  Thanks.....You always give me too much information@hitmorecode

  0