oliverzy

html, body {
	width: 100%;
	min-height: 100%;
	max-height: 100%;
	display: flex;
}

oliverzy

.flex-container {  
display: flex; 
flex-wrap: wrap;  
width: 300px;  
height: 240px;
background-color: Silver;
}


.flex-item {  

oliverzy

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

oliverzy

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

oliverzy

/**
 * Translucent borders
 */

body {
	background: url('http://csssecrets.io/images/stone-art.jpg');
}

div {
	border: 10px solid hsla(0,0%,100%,.5);