Flexbox "Cross Browser" Sample

flexbox.css

.content	{
	  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	  display: -ms-flexbox;      /* TWEENER - IE 10 */
	  display: -webkit-flex;     /* NEW - Chrome */
	  display: flex;
	  -webkit-flex-direction: column;
	  -moz-flex-direction: column;
	  -ms-flex-direction: column;	
	  flex-direction: column;
	  -webkit-box-orient: vertical;
	  -moz-box-orient: vertical;
	  -ms-box-orient: vertical;
	  box-orient: vertical;
	  width: 100%;	  
}

.main, .sidebar	{
	width: 100%;	
}

.main {
	-webkit-box-ordinal-group: 2;  
	-moz-box-ordinal-group: 2;     
	-ms-flex-order: 2;     
	-webkit-order: 2;  
	order: 2;
}
.sidebar {
	-webkit-box-ordinal-group: 1;  
	-moz-box-ordinal-group: 1;     
	-ms-flex-order: 1;     
	-webkit-order: 1;  
	order: 1;
}