CSS display: flex прижать блоки к верху по высоте

У меня есть такой код:

                <div class="content">
                    <a class="test">
                    </a>
                    <a class="test">
                    </a>
                    <details class="accordion-menu test">  
                        <summary class="block-header"></summary>
                    </details>
                    <a class="test">
                    </a>
                </div>

                   .content {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: flex-start;
                    }

                   .test {
                    align-items: center;
                    flex-grow: 1;
                    width: 19%;
                    max-width: 19%;
                    display: block;
                   }

Выгдядит это вот так:

Проблема в том, что если раскрыть тег details - ряд который находится ниже - сместится:

Я пробовал использовать align-items для content но он никак не извеняет позицию нижнего ряд.

Я хочу что бы все дочерние блоки для content были прижаты максимально к верху:

Буду благодарен за любую помощь, спасибо!