CODEWITHSUNDEEP
cssflexbox
Joe
Joe

Reputation: 1849

Flexbox stretch columns (or not)

Using the "old" flexbox implementation, I would use -webkit-box-align: start; to stop side by side columns from being of equal length.

I can't figure out how to do this under the new spec - https://developer.mozilla.org/en/Using_flexbox.

My main div is <div role="main"> and it has two <section class="app"> side by side within the div.

Upvotes: 1

Views: 2592

Answers (1)

zomigi
zomigi

Reputation: 76

The new equivalent property to box-align is align-items, though you'll have to use -webkit-align-items for now. Set it to flex-start on the flexbox container of those two boxes to get rid of the equal-height stretching and align the two boxes at the top. Learn more at http://www.w3.org/TR/css3-flexbox/#align-items-property.

Upvotes: 2

Related Questions