Stats preview card

Community feedback

• 

  👾 Ekaterine Mitagvaria 👾•7,600

  @catherineisonlinePosted almost 2 years ago

  For the image, I did something like this, I hope that helps:

              <div class="image-container">
                  <img class="main-image" src="images/image-header-mobile.jpg" alt="">
              </div>
  .image-container {
    display: inherit;
    position: relative;
    width: 100%;
    border-radius: 0 10px 10px 0;
    background-color: hsl(277, 64%, 61%);
  }
  .main-image {
    width: 100%;
    height: 100%;
    position: relative;
    background-size: cover;
    border-radius: 0 10px 10px 0;
    mix-blend-mode: multiply;
    opacity: 0.75;
  }
  

  Marked as helpful

  1

  ---

  

  khalid sabbah•110

  @khalid-sabbahPosted almost 2 years ago

  @catherineisonline thank you for your comment , it was helpful . I will try it .

  0
• 

  hernannadotti•560

  @hernannadottiPosted almost 2 years ago

  @khalid-sabbah Nice job... You forgot make it responsive...You could try with media queries. Regards

  Marked as helpful

  1

  ---

  

  khalid sabbah•110

  @khalid-sabbahPosted almost 2 years ago

  @hernannadotti thank you for your advice , I got this, and Iam trying to fix the problem , thank you .

  0