Align items in a grid with Row and Column

[svtkn]

Hi

I am trying to use the Row and Column grid to align a few items.

<Grid>
  <Row>
    {#each cols as col}
    <Column>{col}</Column>
    {/each}
  </Row>
  <Row>
    <Column>1</Column>
    <Column>2</Column>
    <Column>3</Column>
    <Column>4</Column>
    <Column><TextInput>12</TextInput></Column>
  </Row>
  <Row>
    <Column>1</Column>
    <Column>2</Column>
    <Column>3</Column>
    <Column>4</Column>
    <Column><TextInput>12</TextInput></Column>
  </Row>
  <Row>
    <Column>1</Column>
    <Column>2</Column>
    <Column>3</Column>
    <Column>4</Column>
    <Column><TextInput>12</TextInput></Column>
  </Row>
</Grid>

This is how it appears if I add the TextInput

I tried setting min-width to 0, and it doesnt fit the size of the column. How do you include other components in a Grid and keep them aligned ?