@correlucas
Posted
👾Hello @QgQ220903, congratulations for your new solution!
🎉 Nice solution and nice code! I can see that you paid a lot of attention to your code/design. If you don’t mind I’ve some tips for you:
1.This grid can be better done with grid-template-column: 1f 1fr
and max-width: 1110px
.
.card {
max-width: 1110px;
display: grid;
grid-template-columns: 1fr 1fr;
}
2.Add the same effect of the design for the image overlaying it with purple
there's a shortcut that is by using mix-blend-mode
with the mode multiply
and with an opacity around opacity: 82%
. See the code below:
img {
mix-blend-mode: multiply;
opacity: 82%;}
✌️ I hope this helps you and happy coding!
Marked as helpful