Submitted almost 3 years ago

Stats Preview Card Component with OOCSS

sass/scss

Chris Ekstedt•150

@cekstedt

A solution to the Stats preview card component challenge

Preview Code

Solution retrospective

I tried to organize my scss according to object oriented CSS methodology for the first time. If there are any OOCSS gurus who can review my style code, I would welcome any feedback.

Code

Please log in to post a comment

Community feedback

Lucas 👾•104,160
@correlucas
Posted almost 3 years ago
👾Hello Chris, congratulations for your solution!

🕵️I've just inspected your code and seems really good. The only two things I would change and you can consider it too, is the tag <figure> you've used replacing with <picture> because picture is a better fit in this case and aplying the correct overlay effect with the code below:
```
figure, picture {
mix-blend-mode: multiply;
opacity: 0.8;}
```
Hope it helps and happy coding!
Marked as helpful

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