style: hide store front img on mobile (#51)

sfbrigade · Feb 24, 2022 · 129dddd · 129dddd
1 parent 62ef728
commit 129dddd
Showing 1 changed file with 5 additions and 1 deletion.
diff --git 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`