From 129dddd91758574c79508f72c2a6f2aaa9738936 Mon Sep 17 00:00:00 2001
From: alex94143 <89117842+alex94143@users.noreply.github.com>
Date: Wed, 23 Feb 2022 19:43:19 -0800
Subject: [PATCH] style: hide store front img on mobile (#51)

---
 src/components/home/Home.styles.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/home/Home.styles.tsx b/src/components/home/Home.styles.tsx
index 0e6ea5b..bf45bc3 100644
--- a/src/components/home/Home.styles.tsx
+++ b/src/components/home/Home.styles.tsx
@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import {ReactComponent as LandingPageSky} from "../../assets/LandingPageSky.svg";
+import { ReactComponent as LandingPageSky } from "../../assets/LandingPageSky.svg";
 
 export const PageContainer = styled.div`
   display: flex;
@@ -24,11 +24,15 @@ export const StyledLandingPageSky = styled(LandingPageSky)`
 `;
 
 export const StyledStoreFront = styled.img`
+  display: none;
   position: absolute;
   width: 800px;
   height: 800px;
   left: 0px;
   top: 150px;
+  @media (min-width: 768px) {
+    display: block;
+  }
 `;
 
 export const SearchSection = styled.div`