Using CSS Layout

Solution retrospective
- Is my code neat enough?
- Please someone should help me with the image filter, I was not able to do that.
- Point out some necessary aspects I still need to improve on.
Thanks.
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@MarkoNikolajevic
Hi David, you did a nice job with this challenge!
I've a few suggestions for you
- you could use
display: grid;
to recreate the 2 columns grid layout instead of usingfloat
anddisplay: table;
. I think it's easier using grid. - here a useful link about using filter on images https://www.w3schools.com/cssref/css3_pr_filter.asp
- another solution for the image filter is creating a sort of overlay on it using a
div
or a pseudo element as::after
and apply on it abackground: /* color value */
Your html and css code is clear. Keep on coding :)
- you could use
- @soransh-singh
hey, I was also not able to apply Image filter. So I do a trick where I decrease the opacity of Image to 50% and made the background-color soft purple to make the Image look like the one given in design, it worked for me
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord