Skip to content
Submitted about 2 years ago

Responsiv Card with Flex box

walid salah•50
@walidslahdu
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

Feedback is welcome

Community feedback

  • Aatypic•490
    @AatypicPosted about 2 years ago

    Hello and congratulations on your solution, it looks good !

    I think you have one too many container, you could have done the same without the <div class="container"> in your case use the <body> to position your div <class="content">. And always apply a min-height: 100vh on your <body> it's one of those resets that you need just like you did with:

    * {
box-sizing: border-box;
}

    This will make positioning with the <body> 's children easier.

    Hope this helps. Good luck 🙂

    Marked as helpful
    1
    walid salah•50
    @walidslahduPosted about 2 years ago

    @Aatypic aah Thank's this helped me

    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