Submitted about 3 years ago

Responsive component using tailwind css and the picture HTML tag.

tailwind-css

Nicolás Órdenes•50

@nico-or

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

Any recommendations for choosing the spacing between text elements without having to resort to measuring the pixels of each margin?

This time I just used justify-content: space-between and fiddled with the top and bottom margin of the price block, which seemed the most different of all.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Nicolás Órdenes'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