@correlucas
Posted
Hello Filip, congratulations for your solution!
Answering your question:
To make the paragraph have the length you want you can define it with max-width: 340px
to hsvr this maximum size or define a limit of characters using max-width: 30ch
if you want maximum 30 characters as an example.
To add the exact same purple overlay effect for the image, matching the design files you can use, filter
or mix-blend-mode
. See the code below
img {
mix-blend-mode: multiply;
opacity: 0.75 ;}
Hope it helps, happy coding!