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 on IE11: image stretched for no reason?

I'm having an issue with flexbox on IE11 and while I'm aware there's lots of known issue, I haven't been …

Read More
html css flexbox internet-explorer-11
Are Flexbox and vh height units not compatible in IE11?

I'm trying to use a flexbox-based layout to get a sticky footer for my page. This works well in Chrome …

Read More
html css flexbox internet-explorer-11 viewport-units
Vuetify grid layout - How to fill height of element in grid

I'm trying to create a grid layout but am having trouble. The layout I'm trying to create is attached in …

Read More
vue.js flexbox grid-layout vuetify.js
Center and bottom-align flex items

I have a flex container (the blue square) with the following properties: display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; …

Read More
html css flexbox css-grid
Aligning elements left, center and right in flexbox

I'm trying to create this top header using flexbox. Basically I would like to center the <div class="header-title"&…

Read More
html css flexbox centering
CSS-only masonry layout

I need to implement a fairly run-off-the-mill masonry layout. However, for a number of reasons I don't want to use …

Read More
html css flexbox css-grid
A grid layout with responsive squares

I am wanting to create a grid layout with responsive squares. I feel like I should be able to do …

Read More
css flexbox css-grid
Flexbox not filling height in IE11

I have this case: http://codepen.io/anon/pen/radoPd?editors=110 This is the CSS Code: .wrapper{ background-color: red; min-height: 100…

Read More
css flexbox internet-explorer-11
Z-index doesn't work with flex elements?

I'm trying to have two columns, one being a menu which can expand and overlap the other column. But I …

Read More
css flexbox z-index overlap
Change the direction flow of CSS columns

So I have CSS like this: #blogPosts{ -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; column-count: 3; column-gap: 10px; width: 100%; } and this creates 3 …

Read More
html css flexbox css-multicolumn-layout