How to adjust Bulma Column height when one changes?

118
March 04, 2022, at 03:30 AM

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!!

Answer 1

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 class="fparent">
  <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>

Answer 2

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!

Rent Charter Buses Company
READ ALSO
how to override user agent stylesheet in fullscreen on mobile?

how to override user agent stylesheet in fullscreen on mobile?

I'm working on mobile version of http://library-devbdrc

170
Javascript onclick event out of phase in Angular

Javascript onclick event out of phase in Angular

Using Angular framework to build my website's front-end, I'm trying to include a button/icon capable of opening and closing this sidenav:

122
CSS: new font breaking layout by aligning text to the top

CSS: new font breaking layout by aligning text to the top

I've been working with Open Sans in a project for a while and we then decided to use a new font, and after adding the new font the layout breaks everywhere and the text appears to be aligned to the topHere are some screenshots for a simple text in an icon:

112