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.

Flexbox column align self to bottom

Im trying to use Flexbox. http://css-tricks.com/almanac/properties/a/align-content/ this shows nice alignment options; but i would …

css flexbox
How to reset 'display' property for flex-item

I'm trying to convert old layout based on tables and JS to the new Flexbox with backward compatibility by keeping …

css tablelayout flexbox
What are the differences between flex-basis and width?

There have been questions and articles about this, but nothing conclusive as far as I can tell. The best summary …

css flexbox width
How to keep a flex item from overflowing due to its text?

I have the following layout in mind for a list. Each list item is represented by two columns. The second …

google-chrome flexbox css
Make an item stick to the bottom using flex in react-native

Suppose this is the layout: <View style={styles.container}> <View style={styles.titleWrapper}> ... ... </View> &…

css react-native flexbox react-native-flexbox
Why don't flex items shrink past content size?

I have 4 flexbox columns and everything works fine, but when I add some text to a column and set it …

html css flexbox
css grid of squares with flexbox

I am trying to create a responsive grid of squares. The squares should resize to fit the viewport's width. The …

css responsive-design flexbox
Flexbox vs Twitter Bootstrap (or similar framework)

I have recently discovered Flexbox when I was looking for a solution to make divs the same hight, depending on …

html css twitter-bootstrap flexbox
CSS3 Flexbox: display: box vs. flexbox vs. flex

Yesterday I got a website in the school which uses the CSS 3 flexbox statement. I never used that before. So …

css flexbox
Why does display: -ms-flex; -ms-justify-content: center; not work in IE10?

Why doesn't the following code work in IE10? .foo { display: -ms-flex; -ms-justify-content: center; } What do I need to write in …

css internet-explorer-10 flexbox justify