0

I'm trying to get the heights of these items to be the same no matter how much content is inside, but I keep getting the content to cause uneven heights.

enter image description here

Code in a simplified version of ReactJS Code:

<div className='flex flex-column height-100-percent'> //Page Area
     <div className='flex justify-between'>
        Words...
     </div>
     <div className='flex flex-grow flex-wrap'> // Div with days 
        {<div className='width-25-percent'>
             <Scheduler className='width-160-pixel'... /> 
        </div>} TIMES SEVEN....
     </div>
 </div>

The classNames should be self-explanatory. I tried to use flex-basis of 0, 100%, and auto with no luck. I also tried flex: 1 with no luck.

Asons
  • 81,773
  • 12
  • 93
  • 144
Kevin Danikowski
  • 3,470
  • 4
  • 27
  • 59

0 Answers0