Sandbox::https://github.com/web-platform-tests/wpt/blob/master/css/css-flexbox/align-content-002.htm

Repository navigation

<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>CSS Test: A multi-line flex container with the 'align-content' property set to 'flex-start'</title>

#flexbox

{

background: linear-gradient(to bottom, red 0, red 50px, green 50px, green 100px);

align-content: flex-start;

display: flex;

flex-flow: wrap;

height: 100px;

width: 300px;

}

div div

{

background-color: green;

height: 26px;

width: 150px;

}

</style>

</head>

<body>

<p>Test passes if there is no red visible on the page.</p>

</div>

</body>

</html>