Responsive layout using HTML/ CSS.

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello Petru Banceanu, congratulations for your new solution!

  I opened your solution live and I've fixed the image to have the same color for the challenge, lighten is a good alternative, but to have the exact color you need multply, here's your code fixed to have same color:

  You need to have the div with the same color of the purple used in the heading for the word insight and add the following setup for the image:

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

  👋 I hope this helps you and happy coding!

  Marked as helpful

  1

  ---

  

  Petru Banceanu•110

  @Petru14Posted about 2 years ago

  @correlucas Thank you for your feedback it's really helpful!

  0
• 

  Phúc (Scott) Nguyễn•430

  @NationsAnarchyPosted about 2 years ago

  Hi Petru! Great to see your solution here on frontendmentor.io!

  Here's how I implement the mix-blend-mode properties on my own solution, see if it works for you. background-color: var(--accent); mix-blend-mode: multiply; opacity: .8;

  Another thing I can suggest to you, is that you can try to match the width of the image and the card content so they look close to the original design file included in the challenge!

  Happy coding!

  Marked as helpful

  1

  ---

  

  Petru Banceanu•110

  @Petru14Posted about 2 years ago

  @NationsAnarchy thank you for your feedback!

  0