@correlucas
Posted
👾Hello @Loic2A, congratulations for your new solution!
I saw your solution preview site and I think it's already really good. Here’s some tips for you to improve it:
You can 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
Don’t use id
to give the style of your elements, it's not a good idea because id
is a too specific selector used for forms
and Javascript code. Instead, use class
for styling and let the id
for much specific stuff. It's also not advisable to use IDs as CSS selectors because if another element in the page uses the same/similar style, you would have to write the same CSS again. Even if you don't have more than one element with that style right now, it might come later.
✌️ I hope this helps you and happy coding!
Marked as helpful
@Loic2A
Posted
@correlucas Hello Lucas ! Thanks for your answer, I didn't know the mix-blend-mode, it's a nice trick ! Thanks for the extra info about Ids, I know it already, but bad habits die hard
Cheers
@correlucas
Posted
@Loic2A This is amazing Loïc2A! Then say me if worked in your code and if was useful to you. Have a nice day =)