Skip to content
Submitted 5 months ago

Product card using HTML and CSS

milicaaa175•130
@milicaaa175
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I think I got faster in writing html and css. Next time I would like to try and download fonts instead of importing them.

What challenges did you encounter, and how did you overcome them?

I had a problem with sizing some parts of the card component because of the picture element. The solution was to apply all properties to the img element inside of it.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Erick Rodrigues•660
    @SortJakke

    For accessibility reasons, it is recommended to create more semantic code by using the <main>, <section>, and <figure> tags in this case.

    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