How to adjust Bulma Column height when one changes?-CodePudding

is it possible to make a column adjust its height when others change? I have all columns at the same height using flex but when I change one of them dynamically, the others stay the same... Any way to fix that?

Thanks!!

CodePudding user response：

You can add a specific class to those components and add that class onChange using js and make sure to have the css for that class. Happy Programming!

CodePudding user response：

If your flex direction is row than you can use align-items: stretch

.fparent {
  display: flex;
  align-items: stretch;
  justify-content: flex-start
}

.fparent>div {
  background: yellow;
  flex: 1;
  border: 1px solid black;
}

<div >
  <div>Some content in first div Some content in first divSome content in first divSome content in first divSome content in first divSome content in first divSome content in first div
  </div>
  <div></div>
  <div>
  </div>
</div>