NFT component card using Flex-box

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello again Olha, congratulations for your new solution!

  Here's my tips for you about the alignment:

  The best way to align this kind of containers vertically is by using the body and min-height: 100vh to make the child element align to the parent height, I saw that you've used these properties in the main but is not the best way:

  Here's the changes I did for your code to allow it to align:

  
  body {
      font-family: 'Outfit', sans-serif;
      font-size: 1rem;
      font-weight: 300;
      background-color: var(--body-background);
      color: var(--nft-item-color);
      display: flex;
      flex-direction: column;
      margin: 4em 0 2em 0;
  }
  .main {
      /* max-width: 1100px; */
      /* min-height: 100vh; */
      overflow: hidden;
      /* margin: auto; */
      /* flex: 1 1 auto; */
  }
  

  👋 I hope this helps you and happy coding!

  0