Вертикальные промежутки между линиями блоков flexbox?

Question

[Джон Голт]

Элемент:
Код:

<div class="nursery-content">
            <div class="el"></div>
            <div class="el"></div>
            <div class="el"></div>
            <div class="el"></div>
            <div class="el"></div>
            <div class="el"></div>
        </div>

.nursery-content{
    .flex-prefix;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 50px;
    height: 800px;
    border: 1px solid black;
      .el{
        margin-top: 50px;
        width: 300px;
        height: 200px;
        background-color: #123;
      }
  }

Вопрос: как изменить расстояние между линиями блоков (указано кр. стрел.)?

Answer 1

[Valery]

align-content: flex-start
подробнее

Comments

[Джон Голт]

Спасибо большое!

Answer 2

[xmoonlight]

jsfiddle.net/eng40o7n/1

Comments

[Джон Голт]

Вся конструкция просто поднимется вверх на 50px, а то расстояние, о котором я говорил выше, остается неизменной.

[xmoonlight]

Джон Голт: выложите на jsfiddle.net код

[Джон Голт]

jsfiddle.net/eng40o7n/. Растяните экран чуть шире и поймете, что я имею введу.

[xmoonlight]

Джон Голт: в общем, такой вариант: jsfiddle.net/eng40o7n/1