product-preview-card-component

Community feedback

• 

  zofia-mm•160

  @zofia-mmPosted about 2 years ago

  It's so pretty! 🤩

  Only one thing is off - centering. I know, 'cause I had that problem too. Here's a solution that @DavidMorgade gave me:

  body {
    background-color: hsl(30deg, 38%, 92%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 100vh;
  }
  

  Marked as helpful

  2

  ---

  

  David•8,000

  @DavidMorgadePosted about 2 years ago

  @Fobya7 Yeah, using flex on the body (you also have to set a min-height: 100vh to make your body wrapp the viewport) will be the easiest way to center the card!

  Great feedback Fobya!

  Marked as helpful

  1

  

  Ankit Yadav•20

  @20-ank-02Posted about 2 years ago

  @Fobya7 thanks for the solution, i'll incorporate into my project

  0