Как сделать inline-сетку с дочерним пространством?

Question

Я хочу отобразить 3 элемента в inline-grid

ul, div.Search, div.Button

Я хочу, чтобы ul и div. Кнопка делала ширину своего контента, а div.Search делала ширину 100% свободной пространство. Я пробовал это:

.Nav-Container
  display: inline-grid
  grid-gap: 16px
  grid-template-columns: auto 1fr auto
  align-items: center
  height: 64px

Но безуспешно. Как это сделать?