Как перенести flex элемент на новую строку?

Question

[Cheizer]

Приветствую, подскажите пожалуйста, как перенести flex элемент ССЫЛКА в примере, на новую строку?



Ширину на 100% ссылке делать нельзя, и в блок дополнительный желательно не оборачивать.

Answer 1

[Сергей delphinpro]

margin-right: 100% для ссылки

Answer 2

[Argentinium]

flex: 100% у ссылки

Comments

[Cheizer]

да, но она становиться на 100% на новой строке, а это плохо, активная область для клика пустое, не вариант.
Я бы мог и flex-basis:100% сделать.

[Argentinium]

Cheizer, тогда так, значение левого блока можно поменять если что

.flex-container{
  display:flex;
  border:1px #cc0000 solid;
  padding:10px;
  flex-wrap:wrap;
}
.box__item{
  background:#ccc;
  flex:50%;
  margin:3px;
  min-height:200px;
}
.box__link{
  flex:none;
  display:inline-block;
}

.search{
  flex: 1 100%;
      width: 100%;
    max-width: 160px;
}

[Cheizer]

Argentinium, не помогло.

[Argentinium]

Cheizer, исправил ответ

[Сергей delphinpro]

Argentinium, max-width: 160px
магическое число детектед.