Preview-Card

Community feedback

• 

  Wellington Damasio•210

  @wellington-damasioPosted almost 2 years ago

  Almost perfert. Try switching the fixed width and height of the card for no height and padding. This will fix the content overflow problem.

  From this:

  main{
      width: 320px;
      height:70vh;
      background-color: var(--Very-dark-blue-card-BG);
      border-radius: 20px;
  }
  

  To this:

  main {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
  }
  
  .card {
    max-width: 350px;
    padding: 24px;
    background-color: var(--Very-dark-blue-card-BG);
    border-radius: 20px;
  }
  

  The above code should center the card in the screen and fix the content overflow problem in the card. You did awesome for the rest!

  You can reach out to me if you have any questions. Hope it helped you!

  Marked as helpful

  1

  ---

  

  Mohmed elshaarawy•830

  @MohmedElshaarawyPosted almost 2 years ago

  @wellington-damasio thank you for this information

  0