@nomatter-py
Submitted
Looking to hire developers?
@kushyzee
@nomatter-py
Submitted
@kushyzee
Posted
You should fix the background image and have it resembling the original design.
You can do that by either nesting another div in the <div class="right-section"></div>
and giving it a background color of #a95dda. There after you can reduce the opacity to around 0.5 or lower. (Consider changing the hex color to rgba)
you can also use background-blend-mode: multiply;
in the <div class="right-section"></div>
to fix the color
After this you can remove the -webkit-filter
property
You did a really good job overall 👍
Marked as helpful
Looking for valuable feedback, and a suggestion for the mistake at the right bottom side of the card.
@kushyzee
Posted
I have gone through your code and I have the following suggestions
Remove the style
tag from your css file, it's a html tag and has no business in css.
Your <div class="context">
is missing a closing div tag.
Consider removing the height from .context
, instead you should allow the contents to determine the height (which you can manipulate by using margins and paddings. Also don't use px in the width property, use % instead so as to make the site responsive across different screen size (90% will suffice in this case).
The line height on the h1 property is too much. Consider reducing it
The image was supposed to be used as a background-image
and not as a direct image in html file. But I guess that's what works for you
There are a bunch of other things you could have done differently, I can't exactly get into it right now without changing the entire code