align-content: space around

StephaneDelcroix commented 6 years ago

probably related to #27

items are too high (600)

<!DOCTYPE html>
<html>
<head>
<style> 
#main {
    width: 700px;
    height: 600px;
    border: 1px solid gray;
    display: flex;

    flex-wrap: wrap;
    align-content: space-around;
    flex-direction: row;
}

#main div {
    width: 250px;
    height: 50px;
}
</style>
</head>
<body>

<div id="main">
  <div style="background-color:coral;"></div>
  <div style="background-color:lightblue;"></div>
  <div style="background-color:pink;"></div>
  <div style="background-color:cornflowerblue;"></div>
  <div style="background-color:hotpink;"></div>
</div>

</body>
</html>

StephaneDelcroix commented 6 years ago

mmm, a test written in C pass. is the problem on my end ?

StephaneDelcroix commented 6 years ago

not a bug, as documented. we'll see later if the behavior has to change

xamarin / flex

align-content: space around #28