Skip to content
Submitted 5 months ago

Responsive Product Preview Card Component

Christian Chirtoaca•120
@Chirtoaca94
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I am most proud of working through the responsive layout problems, particularly around the image issues. Next time I will use the image as a background image for a container. This seems to be much easier for creating responsive layouts.

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

Deploying to Git and then creating a live preview of the component online (which I eventually did via Vercel) Quick researches helped me to overcome these challenges.

What specific areas of your project would you like help with?

Mainly around responsive best practices and pointing out bad practices that may cause issues down the line.

Community feedback

  • Mine•90
    @MineshayePosted 5 months ago

    Hi @Chirtoaca94 congratulations on completing this project ,something I learnt recently about responsive designs and CSS in general is to avoid absolute units like px and use relative units.

    0

Please log in to post a comment

Log in with GitHub

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