3 column card component attempt

Community feedback

• 

  hardy•3,660

  @hardy333Posted about 3 years ago

  Also in your .card-section element instead of using section tags use div tags you are using too many <section> tags in wrong places, semantic html elements are good but you need to use them at correct places...

  Marked as helpful

  1
• 

  hardy•3,660

  @hardy333Posted about 3 years ago

  In order to make buttons stay aligned you can try this styles (as Robin Rowell already suggested):

  .sedan-btn-container{
      margin-top: auto;
  }
  
  .card-section {
      padding: 25px 35px;
      text-align: left;
      line-height: 1.5;
      display: flex;
      flex-direction: column;
  }
  

  Marked as helpful

  1
• 

  Robin Rowell•0

  @robinrowellPosted about 3 years ago

  Hi, I am new here so I am not sure where to view the source code. If the content in each card is using a flex layout with a flex-direction of column, then you can use a "margin-bottom: auto" on the next to last element to use any remaining space to distance itself from the last element. Hope that is helpful.

  2

  ---

  

  hardy•3,660

  @hardy333Posted about 3 years ago

  @robinrowell Hi Robin. You can access source code in browser by pressing shrift + u key combination or you can access github repository by clicking "VIEW CODE" button which is right next to the "PREVIEW SITE" button.

  Marked as helpful

  1
• 

  Salomon Levi•60

  @saloleviPosted about 3 years ago

  Thank you both! I will fix this asap.

  0