aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAugust Skare <post@augustskare.no>2018-10-25 20:11:30 +0800
committerAugust Skare <post@augustskare.no>2018-10-25 20:15:47 +0800
commit1899493ca89d9d357d7a7641eabe2b49e9e31c32 (patch)
treebceb7ad861c81fc331f48b973920559634d11065
parent1581ced6ec828d5b404dbcd1d7a09c0d8778a442 (diff)
downloaddexon-sol-tools-1899493ca89d9d357d7a7641eabe2b49e9e31c32.tar.gz
dexon-sol-tools-1899493ca89d9d357d7a7641eabe2b49e9e31c32.tar.zst
dexon-sol-tools-1899493ca89d9d357d7a7641eabe2b49e9e31c32.zip
breakpoint on medium in intro component
-rw-r--r--packages/dev-tools-pages/ts/components/Intro.tsx15
1 files changed, 2 insertions, 13 deletions
diff --git a/packages/dev-tools-pages/ts/components/Intro.tsx b/packages/dev-tools-pages/ts/components/Intro.tsx
index b475bd34b..9ab04cbf7 100644
--- a/packages/dev-tools-pages/ts/components/Intro.tsx
+++ b/packages/dev-tools-pages/ts/components/Intro.tsx
@@ -12,7 +12,7 @@ const Main = styled.div`
display: flex;
justify-content: space-between;
- ${media.small`
+ ${media.medium`
padding: 2.5rem 1.875rem
display: block;
`};
@@ -24,17 +24,8 @@ const Title = styled(Alpha)`
${media.small`margin-bottom: 2.25rem;`};
`;
-const Blocks = styled.div`
- display: flex;
- justify-content: space-between;
- width: 100%;
-
- ${media.small`display: block;`};
-`;
-
const StyledIntroLead = styled(Lead)`
max-width: 25.9375rem;
-
${media.small`margin-bottom: 1.5625rem;`};
`;
@@ -72,9 +63,7 @@ function IntroAside(props: IntroProps) {
function Intro(props: IntroProps) {
return (
<Container wide>
- <Main>
- <Blocks>{props.children}</Blocks>
- </Main>
+ <Main>{props.children}</Main>
</Container>
);
}