From f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3 Mon Sep 17 00:00:00 2001
From: Megan Pearson <megan.e.pearson@gmail.com>
Date: Mon, 22 Oct 2018 15:27:31 +0200
Subject: Responsive intro, again

---
 packages/dev-tools-pages/ts/components/Intro.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

(limited to 'packages/dev-tools-pages/ts/components/Intro.tsx')

diff --git a/packages/dev-tools-pages/ts/components/Intro.tsx b/packages/dev-tools-pages/ts/components/Intro.tsx
index 8bba2dbe5..29d1d36fe 100644
--- a/packages/dev-tools-pages/ts/components/Intro.tsx
+++ b/packages/dev-tools-pages/ts/components/Intro.tsx
@@ -29,6 +29,15 @@ const Content = styled.div`
     display: flex;
     flex-direction: column;
 
+    ${Lead} {
+        ${media.small`margin-bottom: 2.25rem;`};
+    }
+`;
+
+const StyledCode = styled(Code)`
+    width: 520px;
+    height: 350px;
+
     ${media.small`margin-bottom: 2.25rem;`};
 `;
 
@@ -45,9 +54,7 @@ function Intro(props: IntroProps) {
                     <Title>{props.title}</Title>
                     <Lead as="div">{props.children}</Lead>
                 </Content>
-                <Breakout>
-                    <Code>Function execute transaction Function execute transaction Function execute transaction</Code>
-                </Breakout>
+                <StyledCode> Function execute transaction</StyledCode>
             </Main>
         </Container>
     );
-- 
cgit v1.2.3

