Design comparison
SolutionDesign
Solution retrospective
I found it very difficult to write the overlay for the image card. I was trying to use the variables from before and change the opacity without adding more html. I also had trouble naming things properly and following BEM, but I tried my best as I could.
Questions:
- What are some best practices when it comes to making an overlay like the one for images?
- Did I follow BEM or is there a better way to write my css classes better (without pre-processors)
- Will the code that I wrote be scalable in production?
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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