Skip to content
Submitted about 2 years ago

CSS, Flex box and @Media

Arseni•20
@ChookandGeck
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

Hello!

That's my solution to the challenge, its my first :). I would be very grateful for any feedback.

Community feedback

  • Lindelwe Khumalo•170
    @iSoyecodesPosted about 2 years ago

    Hello, and congrats on completing the challenge. When it comes to mobile and viewing, there is one issue. Your footer disappears and rests atop the button on the card itself. Try to position your button in the middle or use flex-grow with a value of 1.

    Put padding on your "card-wrapper" so the card has enough padding to stay off the edge of the screen. Your card is good overall, and the coding is tidy. Reading it was enjoyable. If this helps you resolve the minor problem with the card's footers and padding, kindly mark it as helpful.

    Marked as helpful
    0
    Arseni•20
    @ChookandGeckPosted about 2 years ago

    @iSoyecodes Thank you so much! I'll try all your recommendations.

    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