Order Summery Component Card

Community feedback

• 

  Byron•2,290

  @byronbyronPosted almost 3 years ago

  Hello 👋

  Another way to center the card without position: absolute; on .dd would be to use some bootstrap classes like so:

  <div class="container-fluid center">
      <div class="row h-100 align-items-center justify-content-center">
          ...
      </div>
  </div>
  

  You can also put a max-width: 450px; on the card .dd to fix the gaps on the edges as well:

  .dd {
      height: 650px;
      max-width: 450px;
      padding: 0px;
      border-radius: 20px;
      overflow: hidden;
      background-color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  

  Happy coding!

  Marked as helpful

  0

  ---

  

  Abdullah Chowdhury•135

  @AbdullahUCPosted almost 3 years ago

  @byronbyron

  Thanks for the suggestion..

  Happy coding!

  0