aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-08-31 02:27:00 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-08-31 02:39:25 +0800
commit038c21324e2ae37f2cd6f1199ee176707cd1fed4 (patch)
tree69a20bba5b7c5e5aa418059c535f8815260db069
parent5d008ee83ead8207c7aa80b249703660be8f7fad (diff)
downloaddexon-sol-tools-038c21324e2ae37f2cd6f1199ee176707cd1fed4.tar
dexon-sol-tools-038c21324e2ae37f2cd6f1199ee176707cd1fed4.tar.gz
dexon-sol-tools-038c21324e2ae37f2cd6f1199ee176707cd1fed4.tar.bz2
dexon-sol-tools-038c21324e2ae37f2cd6f1199ee176707cd1fed4.tar.lz
dexon-sol-tools-038c21324e2ae37f2cd6f1199ee176707cd1fed4.tar.xz
dexon-sol-tools-038c21324e2ae37f2cd6f1199ee176707cd1fed4.tar.zst
dexon-sol-tools-038c21324e2ae37f2cd6f1199ee176707cd1fed4.zip
Make hero image responsive
-rw-r--r--packages/website/ts/pages/landing/landing.tsx5
1 files changed, 3 insertions, 2 deletions
diff --git a/packages/website/ts/pages/landing/landing.tsx b/packages/website/ts/pages/landing/landing.tsx
index 3d0e6eb62..bd861670a 100644
--- a/packages/website/ts/pages/landing/landing.tsx
+++ b/packages/website/ts/pages/landing/landing.tsx
@@ -8,6 +8,7 @@ import { SubscribeForm } from 'ts/components/forms/subscribe_form';
import { TopBar } from 'ts/components/top_bar/top_bar';
import { CallToAction } from 'ts/components/ui/button';
import { Container } from 'ts/components/ui/container';
+import { Image } from 'ts/components/ui/image';
import { Text } from 'ts/components/ui/text';
import { Dispatcher } from 'ts/redux/dispatcher';
import { Deco, Key, Language, ScreenWidths, WebsitePaths } from 'ts/types';
@@ -154,8 +155,8 @@ export class Landing extends React.Component<LandingProps, LandingState> {
<div className="mx-auto max-width-4 clearfix">
{this._renderWhatsNew()}
<div className={`${flexClassName} lg-pt4 md-pt4 sm-pt2 lg-pb4 md-pb4 lg-mt4 md-mt4 sm-mt2 sm-mb4`}>
- <Container marginTop="30px" marginBottom="30px">
- <img src="/images/landing/0x_homepage.svg" height="250px" />
+ <Container marginTop="30px" marginBottom="30px" marginLeft="15px" marginRight="15px">
+ <Image src="/images/landing/0x_homepage.svg" maxWidth="100%" height="auto" />
</Container>
<div className={left} style={{ color: colors.white, height: 390, lineHeight: '390px' }}>
<div