Почему мои столбцы semanti c -ui-реагируют отображаются вертикально, а не горизонтально? - PullRequest
0 голосов
/ 29 апреля 2020

в моей сетке у меня есть столбцы Grid.Row = '2'. Каждый столбец Grid.Column width = '8'. В первом столбце у меня есть еще один столбец Grid.Row = '2'. Первый столбец этой строки, Grid.Column width = 2, отображается должным образом, а второй Grid.Column width = '14 'отображается ниже столбца =' 2 ', а не рядом с ним.

<Grid>
    <Grid.Row columns="2">
      <Grid.Column width="8">
        <Grid.Row columns="2">
          <Grid.Column width="2">
            <List>
              {product &&
                product.image &&
                product.image.map((image) => (
                  <List.Item>
                    <List.Content>
                      <Image src={`/static/img/${image}`} size="small" />
                    </List.Content>
                  </List.Item>
                ))}
            </List>
          </Grid.Column>
          <Grid.Column width="14">
            {product && product.image && (
              <Image src={`/static/img/${product.image[0]}`} size="huge" />
            )}
          </Grid.Column>
        </Grid.Row>
      </Grid.Column>
      <Grid.Column width="8">adfsdsfadsafdsf</Grid.Column>
    </Grid.Row>
  </Grid>

xxxxxxxxxxxxxx

<Grid></Grid>
...