I am learning Flex Box and I have troubles with the property align-content. The property shouldn't have result when there is a single line, but in my case it does and I can't understand why.
The result is that my single line of divs is at the end of my container.I will be glad for some help.
.conteiner { border: solid red; display: flex; flex-direction: row; flex-wrap: wrap; min-height: 500px; justify-content: flex-start; align-items: flex-start; align-content:flex-end}.child { min-height: 100px; min-width: 100px; background-color: lightblue; margin: 10px;}
<body><section class="conteiner"><div class="child">1</div><div class="child">2</div><div class="child">3</div><div class="child">4</div><div class="child">5</div><div class="child">6</div></section></body>