On 5 Mar 2019, at 9:51, Tom Livingston wrote:

Ran into one issue with this. If, on desktop, the amount of content in
"two" is more than "one", "three" gets pushed down and stays below "two". I played with align-items and align-content but was unsuccessful in stopping
it from happening.

In flexbox, each flex line is as tall as its tallest flex item-- much the same way line boxes are as tall as the tallest bit of text or other inline content within that line box. The next flex line is laid out immediately after the previous flex line.

If you want three to be able to float upwards to snuggle up with one when two is taller than one, then don't use flex, use floats.


--
Eric A. Meyer - http://meyerweb.com/
______________________________________________________________________
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to