Skip to content

Instantly share code, notes, and snippets.

@johnnyBira

johnnyBira/Medium #1 - Grid Example 4.jsx

Created March 30, 2019 17:09
Show Gist options
  • Save johnnyBira/90f7d96aca878bc3444ed5580ae1d26b to your computer and use it in GitHub Desktop.
Save johnnyBira/90f7d96aca878bc3444ed5580ae1d26b to your computer and use it in GitHub Desktop.
Download ZIP
Medium #1 - Grid Example 4
Raw
Medium #1 - Grid Example 4.jsx
// Notice how the prop names matches the names of the mixins/functions passed to Responsive Props
<Row>
<Column span={{ s: 6, l: 3, xl: 2 }} order={{ l: 2 }} />
<Column span={{ s: 6, l: 3, xl: 2 }} order={{ l: 1 }} />
<Column span={{ s: 6 }} hidden={{ l: true }} />
<Column span={{ s: 6 }} hidden={{ l: true }} />
</Row>
// 🎉 Works just as well with single values 🎉
<Row>
<Column span={6} order={2} />
<Column span={6} order={1} />
</Row>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment