semantic-ui-react grid - display full width of column, after "only” columns is hidden

Question

I would like to know if this same technique is possible in semantic-ui-react? I would like the main content grid column to go full width in cases when the optional column is hidden.

Answer 1

Same code as in the accepted answer:

<Grid>
  <Grid.Column computer={4} only='computer'>
    (Optional content only for computers sized screen)
  </Grid.Column>
  <Grid.Column tablet={16} computer={12}>
    (Main Content)
  </Grid.Column>
</Grid>

See device visibility and responsive width sections of docs.