Skip to content
Submitted almost 2 years ago

very cool solution (and its responsive!)

hajee.dev•20
@hayam4k3r
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

I must say, as a beginner, I'm quite proud of what I made. Added a little tweak as well when someone clicks on the "Add to Cart" button. I managed to make this my first responsive project as well. I really made tons of progress and I'm proud 💪💪

Community feedback

  • Mohammad Abu Nabaa•40
    @mohammadabunabahPosted almost 2 years ago

    Great job there you can center it vertically using height 100vh and using flexbox layout module and its attribute. here some resourcess that will help you https://css-tricks.com/snippets/css/a-guide-to-flexbox/

    Marked as helpful
    1
  • Alexsandro Agustini Junior•250
    @AlexAgustiniPosted almost 2 years ago

    Cool! Tip for centering the whole container: in cases like that, just put in on the body: min-height:100vh; display:grid; place-content:center; and that should do it

    Marked as helpful
    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