Home / Web programming, webdev / css / css flexbox edit
Try Documentalist, my app that offers fast, offline access to 190+ programmer API docs.

Links
Implementations
Properties of flex containers:
.container {
  display: flex;
  flex-direction: row | row-reverse | column | column-reverse;
  flex-wrap: nowrap | wrap | wrap-reverse;
  flex-flow: <'flex-direction'> || <'flex-wrap'>;
  align-items: flex-start | flex-end | center | stretch | baseline;
  justify-content: flex-start | flex-end | center | space-between | space-around;
  align-content: flex-start | flex-end | center | stretch | space-between | space-around;
}
Properties of flex items:
.items {
  align-self: flex-start | flex-end | center | baseline | stretch;
  flex-grow: 1;
  flex-shrink: 2;
  flex-basis: 100px | 3em | 50%; // like min-width but for flex items only
  order: 3;
}
Example layouts
[ [left] [right] ]
div display:flex 
	div 
		left 
	div margin-left: auto  # this pushes right all the way to the right
		right
A different version that uses justify-content: space-between
div display:flex 
	div 
		left 
	div margin-left: auto
		right

Feedback about page:

Feedback:
Optional: your email if you want me to get back to you:

Need fast, offline access to 190+ programmer API docs? Try my app Documentalist for Windows