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.

React Native absolute positioning horizontal centre

It seems that with position:absolute in use an element cannot be centred using justifyContent or alignItems. There's a workaround …

position react-native flexbox absolute
How do I make flex box work in safari?

How do I make flex boxes work in Safari? I have a responsive nav that uses a CSS flex box …

html css safari flexbox
Text in a flex container doesn't wrap in IE11

Consider the following snippet: In Chrome, the text is wrapping as expected: But, in IE11, the text is not wrapping: …

css internet-explorer flexbox internet-explorer-11
Equal height rows in CSS Grid Layout

I gather that this is impossible to achieve using Flexbox, as each row can only be the minimal height required …

css flexbox grid-layout css-grid
What does flex: 1 mean?

As we all know, the flex property is a shorthand for the flex-grow, flex-shrink, and the flex-basis properties. Its default …

css flexbox
Does 'position: absolute' conflict with Flexbox?

I want to make a div stick on the top of the screen without any influence to other elements, and …

css react-native flexbox
vuetify center items into v-flex

I'm trying to center a <v-btn> into a <v-flex>. Since <v-flex> is a flexbox …

flexbox vuejs2 vuetify.js
Why does flexbox stretch my image rather than retaining aspect ratio?

Flexbox has this behaviour where it stretches images to their natural height. In other words, if I have a flexbox …

html css flexbox
Position last flex item at the end of container

This question concerns a browser with full css3 support including flexbox. I have a flex container with some items in …

css flexbox
How to make a flex item not fill the height of the flex container?

As you can see in the code below, the left div inside the flex container stretches to meet the height …

html css flexbox