START PREVIEW CARD

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello @Rhenriquez94, congratulations for your new solution!

  Add flex to the box and make it have the alignment vertical for all the text content in the left column, also remove the padding-top for the h1 to have this proper aligned. See the code below:

  .box1 {
      display: flex;
      background-color: var(--Darkdesaturated);
      height: 430px;
      width: 540px;
      border-radius: 2%;
      flex-direction: column;
      justify-content: center;
  }
  

  To reach the overlay effect purple over the image you dont really need a long code, just two lines, mix-blend-mode. See the code below

  img {
  mix-blend-mode: multiply;
  opacity: 82%;}
  

  👋 I hope this helps you and happy coding!

  1