Top "Flexbox" questions

Prevent flexbox shrinking

I'm using flexbox to layout a page because the growing behavior is useful. But I'd like to completely prevent the …

css flexbox

Why can't <fieldset> be flex containers?

I tried to style a fieldset element with display: flex and display: inline-flex. However, it didn't work: flex behaved like …

html css flexbox

Flex auto margin not working in IE10/11

I have a complex layout where I center various elements vertically and horizontally with flexbox. The last element then has …

css internet-explorer flexbox internet-explorer-11 internet-explorer-10

Make flex items overlap

I'd like to show a horizontal series of a unknown number of playing cards. To do this, they will have …

html css flexbox css-grid

Is it possible to animate Flexbox inserts & removes?

When I remove an item from a flexbox, the remaining items "snap" into their new positions immediately rather than animating. …

css css-transitions css-animations flexbox

Padding-bottom/top in flexbox layout

I have a flexbox layout containing two items. One of them uses padding-bottom : The blue element maintains its aspect ratio …

css padding flexbox aspect-ratio

Flex / Grid layouts not working on button or fieldset elements

I'm trying to center inner elements of a <button>-tag with flexbox's justify-content: center. But Safari does not …

html css safari flexbox css-grid

Flexbox wraps last column of the first row in Safari

The last column of the first row is wrapped to the next line when viewing in Safari, and some other …

twitter-bootstrap css twitter-bootstrap-3 flexbox

Horizontal masonry layout with flexbox CSS only

I'm trying to create a horizontal masonry layout using only CSS and flexbox. The problem I'm having is there are …

css layout flexbox masonry

How to keep wrapped flex-items the same width as the elements on the previous row?

I have a <ul> that is a flex-box and a bunch of <li>s in it …

css flexbox