diff options
| author | August Skare <post@augustskare.no> | 2018-10-25 20:11:30 +0800 |
|---|---|---|
| committer | August Skare <post@augustskare.no> | 2018-10-25 20:15:47 +0800 |
| commit | 1899493ca89d9d357d7a7641eabe2b49e9e31c32 (patch) | |
| tree | bceb7ad861c81fc331f48b973920559634d11065 | |
| parent | 1581ced6ec828d5b404dbcd1d7a09c0d8778a442 (diff) | |
| download | dexon-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.tsx | 15 |
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> ); } |