Не могу использовать `flex-grow` для grid-контейнера - PullRequest
Новая
       5

Не могу использовать `flex-grow` для grid-контейнера

0 голосов
/ 09 января 2020

Я пытаюсь сделать flex-item сетчатым контейнером следующим образом: 

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  margin: 0px;
 }

.inner {
  flex-grow: 5;
  display: grid;
  grid-template-columns: 187px 1fr;
  grid-template-rows: 1fr;
}

В то же время я хочу, чтобы .inner растянул на всю длину .container, что делает не бывает в этом сценарии. Это происходит только в том случае, если я установил display: flex вместо display: grid. Вот html: 

 <div class="container">
    <div class="inner">
         // other markup
    </div>
 </div>

Как я могу это исправить?

...