SO-60868825

by batcave

HTML

<div class="grid">
  <input />
  <button>Foo</button>
  <button>Bar Bar Bar Bar Bar Bar</button>
</div>

CSS

:root {
  --gridGap: 0.5em;
}

.grid {
  display: grid;
  grid-template-columns: 1fr max-content max-content;
  grid-gap: var(--gridGap);
  grid-template-areas: 'a b';
}

.grid > input {
  grid-area: 'a';
}

.grid > button {
  grid-area: 'b';
}