All comments

• 

  Yeraldo Nicolás Moreira•310

  @ichiklausSubmitted over 3 years ago

  Hello everyone. Despite looking easy this challenge, I managed to struggle. This was the first time I tried to apply the mobile first approach so I probably didn't do it properly. Recommendations, tips, are welcome.

  Also, is there a better way to apply that overlay on the image? I know it doesn't look exactly like in the design.

  Happy coding everyone!

  

  Card component with mobile-first approach

  1

  10
  

  Mirko•40

  @mirk-00Posted over 3 years ago

  For the image i used the property 'mix-blend-mode: multiply' on an overlay of the accent color. Then i also used a 'drop-shadow-box: inset ' set to 20% opacity (again accent color) because i think the final effect is more closely resembled by a combination of multiply and normal blend than just multiply.

  Also: your mobile site doesn't look like the design the image doesn't show up

  Marked as helpful

  0

  This comment has received 1 replyShow