3 column card with flex box

Community feedback

• 

  Ben•770

  @BenConfigPosted over 3 years ago

  Hey Julian,

  You can add margin-top: auto; on your buttons which will push them to the bottom of the containers, however this will only work if you have declared flex (or grid) on the containers.

  This should do the trick:

  .col {
      display: flex;
      flex-direction: column;
  }
  
  button {
      margin-top: auto;
  }
  

  To answer your second point, it's totally fine to set min-height on anything. Setting height however might cause overflow issues depending on how much content is inside the element.

  1

  ---

  

  Julian•280

  @Julr09Posted over 3 years ago

  @BenConfig hey ben, thank you so much for the feedback and that little trick I made some changes and now it works as intended, I think it was the only thing missing and now it's done thanks to you.

  1