aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/Intro.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Intro.tsx')
-rw-r--r--packages/dev-tools-pages/ts/components/Intro.tsx13
1 files changed, 10 insertions, 3 deletions
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>
);