![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/sypzj6rbykgnwxjksjha.jpg)
Submitted 4 months ago
Responsive card component using CSS Flex and pseudoclasses
@MarcosAvg
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I liked the use of flexbox for the layout from the container to the child elements, sectioning with BEM.
What challenges did you encounter, and how did you overcome them?In the author element, I found that I could not reduce the size of the image with flex-shrink. I solved it by putting the image in a and it could be reduced without problems.
What specific areas of your project would you like help with?I would like help with CSS structure. I use Flex and utilities, but I am not clear if I have omitted some good practice or if it can be optimized in some way.
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