Skip to content
Submitted 13 days ago

Responsive Product Preview Card

Mia.O•160
@miaxoc
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 attempted this with a mobile-first approach. I made this project responsive for mobile and deskp-top.

Community feedback

  • Yacoub AlDweik•990
    @YacoubDweikPosted 13 days ago

    Hey! Good Job Naruto!

    .card {
max-width: 350px; /* for example */
margin: 0 auto 
}

    see how this is gonna make your design much better for Mobiles, This is gonna ruin the design for Desktop so I will leave it to figure how to fix that Sakura!

    1

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