M• 920
@Dev-MV6
Posted
- Using the
opacity
property to create the tinted effect for the image is not a bad practice, so don't worry about it. In case you want to try a different approach next time, remember that thebackground
property also allows you to achieve the same effect if you use it like this:
.right-col {
background:
linear-gradient(
rgba(170, 92, 219, 0.6),
rgba(170, 92, 219, 0.6)
),
url("images/image-header-desktop.jpg") center / cover no-repeat;
}
- And regarding to the containers' size... if I'm not wrong, in the original design the containers of the text and the image don't have the same width, so in my opinion you don't need to change anything.
Overall your solution looks great. Good job 👍
Marked as helpful
1
Ibrahim Suleiman• 50
@ebeeraheem
Posted
Wow thanks. I still haven't been able to wrap my head around linear-gradient
. I'll be sure to dedicate time to learning about it.
Thank you so much for letting me know.
0