diff options
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Compiler.tsx')
| -rw-r--r-- | packages/dev-tools-pages/ts/components/Compiler.tsx | 21 |
1 files changed, 12 insertions, 9 deletions
diff --git a/packages/dev-tools-pages/ts/components/Compiler.tsx b/packages/dev-tools-pages/ts/components/Compiler.tsx index 995a53e89..2ca340146 100644 --- a/packages/dev-tools-pages/ts/components/Compiler.tsx +++ b/packages/dev-tools-pages/ts/components/Compiler.tsx @@ -4,6 +4,7 @@ import { media, colors } from '../variables'; import Container from './Container'; import InlineCode from './InlineCode'; +import Breakout from './Breakout'; const Cards = styled.dl` column-count: 3; @@ -71,15 +72,17 @@ const cards = [ function Compiler() { return ( - <Container wide> - <Cards> - {cards.map(card => ( - <Card key={card.title.split(' ').join('-')}> - <Dt>{card.title}</Dt> - <Dd>{card.body}</Dd> - </Card> - ))} - </Cards> + <Container> + <Breakout> + <Cards> + {cards.map(card => ( + <Card key={card.title.split(' ').join('-')}> + <Dt>{card.title}</Dt> + <Dd>{card.body}</Dd> + </Card> + ))} + </Cards> + </Breakout> </Container> ); } |