Submitted almost 4 years ago

flexbox, CSS grid, BEM , SCSS

sass/scss, bem

Agustin•340

@agusc01

A solution to the Article preview component challenge

Preview Code

Solution retrospective

It made me crazy !

There are a lot of things to improve, like not removing overflow:hidden to .card and adding border-radius to .card__image.

Using transition with opacity generated javascript code

Also I don't think I know the most appropriate way to apply to change the icon-share

The good thing is that I learned how to use object-fit with object-position for the main image

Any suggestions would be welcome. See you around !

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Agustin's solution.

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