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

Community feedback

• 

  Nurcholis•420

  @cholis04Posted almost 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 ✌️

  5

  ---

  

  Ujjwal Singh•70

  @sirargillPosted almost 3 years ago

  @cholis04 Thank you for the suggestion. Will make sure to implement it.

  0
• 

  Jaimie Warburton•90

  @FazyyyPosted over 2 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.

  0

  ---

  

  Ujjwal Singh•70

  @sirargillPosted over 2 years ago

  @Fazyyy thank you for the suggestions, will learn from it

  0