Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • @ichiklaus

    Submitted

    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!

    Mirko 40

    @mirk-00

    Posted

    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