Top "Flexbox" questions

CSS module for flexible layouts providing a broad range of options for aligning elements while eliminating the need for floats and tables.

Transition flex-grow of items in a flexbox

Is it possible to transition the items in an flexbox? When you click I want all items to collapse except …

javascript jquery css css-animations flexbox
How to vertically align Bootstrap v4 modal dialogs

Vertically center modal dialogues in Bootstrap 4. Note: The requirements below have been added to make it clear I am looking …

modal-dialog flexbox bootstrap-modal vertical-alignment bootstrap-4
How to disable equal height columns in Flexbox?

I have three elements I'm trying to align in my layout. First, I have a div for feedback, and then …

html css flexbox
My position: sticky element isn't sticky when using flexbox

I was stuck on this for a little bit and thought I'd share this position: sticky + flexbox gotcha: My sticky …

css flexbox css-position sticky
Can't scroll to top of flex item that is overflowing container

So, in attempting to make a useful modal using flexbox, I found what seems to be a browser issue and …

html css flexbox browser-bugs
When flexbox items wrap in column mode, container does not grow its width

I am working on a nested flexbox layout which should work as follows: The outermost level (ul#main) is a …

html css flexbox
Width ignored on flexbox items

http://jsfiddle.net/XW9Se/ I've set width: 200px; on the left <div> but if I view it …

css width flexbox
Bootstrap 4 navbar with 2 rows

I have created a navbar with Bootstrap 4 alpha 6 that has a large brand/icon on the left, and 2 navbar-nav's with …

css twitter-bootstrap flexbox bootstrap-4 twitter-bootstrap-4
Why doesn't justify-content: center work in IE?

I have this simple div with a button inside of it. justify-content: center; works fine using Firefox and Chrome, but …

css flexbox internet-explorer-11
How to center a flex container but left-align flex items

I want the flex items to be centered but when we have a second line, to have 5 (from image below) …

html css flexbox