All comments

• 

  Jon Bailey•70

  @Jon-BaileySubmitted over 3 years ago

  In the Desktop version there is a line at the bottom of the image I cannot get rid of. What was the correct effect to get the purple overlay on the image? I used multiply but it looks wrong.

  

  Flexbox, media-queries, mix-blend-mode.

  3

  40
  

  Kimberly Thomas•10

  @kimberlyannthomasPosted over 3 years ago

  Add 'display:block' to your code. See below.

  .card-image img { object-fit: cover; width: 100%; display: block; }

  0
• 

  Héctor Vásquez•510

  @HeitoluisSubmitted over 3 years ago

  I couldn't get the same layer color of the design =( Your feedback will be very appreciated! =)

  

  Flexbox and Css Grid

  2

  11
  

  Kimberly Thomas•10

  @kimberlyannthomasPosted over 3 years ago

  Your results are identical to the original design. Nice. For the image, you want to use the following property and value on the element for which you have the background color:

  mix-blend-mode: multiply;

  0