Mobile-first solution using CSS]Flexbox

Community feedback

• 

  Lucas 👾•104,160

  @correlucas

  Posted almost 3 years ago

  👾Hello Demilade, Congratulations on completing this challenge!

  I've just opened your live site and I can say that you did a great job putting everything together! There's some tips to improve your solution:

  1.Use this code shortcut to reach the same color of the challenge. All you need is to use mix-blend-mode to make the color blend between the image and the background-color of the container. See the steps below to apply to the img or picture selector:

  img {
  mix-blend-mode: multiply;
  Opacity
  
  

  2.Use the standard container size that is max-width: 340px to avoid it growing more than it should.

  ✌️ I hope this helps you and happy coding!

  01

  Marked as helpful