Create static gallery component

.gitignore

@@ -46,7 +46,7 @@ yarn.lock
 package-lock.json
 
 # assets
-*.png
+# *.png
 *.jpeg
 *.jpg
 *.ico

src/components/Gallery.tsx

+import { Grid } from '@material-ui/core';
+import React from 'react';
+
+const Gallery: React.FC = () => {
+  return (
+    <Grid container spacing={1}>
+      <Grid item xs={12}>
+        <img width="100%" alt="Gym1" src={`${process.env.PUBLIC_URL  }img1.png`} />
+      </Grid>
+      <Grid item xs={12} sm={3}>
+        <img width="100%" alt="Gym2" src={`${process.env.PUBLIC_URL  }img2.png`} />
+      </Grid>
+      <Grid item xs={12} sm={5}>
+        <img width="100%" alt="Gym3" src={`${process.env.PUBLIC_URL  }img3.png`} />
+      </Grid>
+      <Grid item xs={12} sm={4}>
+        <img width="100%" alt="Gym4" src={`${process.env.PUBLIC_URL  }img4.png`} />
+      </Grid>
+    </Grid>
+  );
+};
+
+export default Gallery;