Edit

Auto Sized Columns

In this example column's sizes are set to auto. If you would like to see how it behaves during resizing, click here.

Code

<Container>
  <Row>
    <Column size="auto">Lorem</Column>
    <Column size="auto">ipsum</Column>
    <Column size="auto">dolor</Column>
    <Column size="auto">sit</Column>
    <Column size="auto">amet</Column>
    <Column size="auto">,</Column>
    <Column size="auto">consectetur</Column>
    <Column size="auto">adipiscing</Column>
    <Column size="auto">elit</Column>
    <Column size="auto">.</Column>
    <Column size="auto" />
    <Column size="auto">Nulla</Column>
    <Column size="auto">ac</Column>
    <Column size="auto">rutrum</Column>
    <Column size="auto">lorem</Column>
    <Column size="auto">.</Column>
  </Row>
</Container>

Preview