Quantcast
Channel: Active questions tagged flexbox - Stack Overflow
Viewing all articles
Browse latest Browse all 1463

Align-content property is working on a single line

$
0
0

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>

Viewing all articles
Browse latest Browse all 1463

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>