Submitted 6 months ago

Responsive blog preview card using CSS and local assets

Gabriel de Azevedo•100

@gabriel-de-azevedo

A solution to the Blog preview card challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

I enjoyed using em as unit for sizes and paddings.

It helped a lot with responsiveness because then I just need to set a new font-size and everything adjusts automatically.

I tried to keep everything as I isolated as possible and only made changes to the main article-card component.

It'd be interesting to try this out in a bigger project where different components need to change in different ways depending on the viewport.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Gabriel de Azevedo'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