Used Html and Css to build this website. Pls do give suggestion.

Community feedback

• 

  Nurcholis•420

  @cholis04

  Posted over 3 years ago

  Hi Ujjwal Singh 👋,

  Adding color to an image can be done by adding a background color to the parent element, then mix-blend mode on the image element in it. And reduce the opacity to make it look the same as the design. I think it works pretty well.

  Here is the code:

  .card-thumbnail {
    background-color: hsl(277, 64%, 61%);
  }
  .card-thumbnail > img {
    mix-blend-mode: multiply;
    filter: opacity(75%);
  }
  

  Hope this helps ✌️

  51
• 

  Jaimie Warburton•90

  @Fazyyy

  Posted over 3 years ago

  Good effort but I think you overlook a few of the smaller details here. In the design the right hand image takes up exactly half of the width, whereas in your design it's more like a third or so? Additionally the spacing between some of your elements is a bit off. If you have an image editing tool it can be handy to check the distances between elements. For example, the gap between the statistics and the paragraph above them.

  01