Merge pull request #5 from wyncode/creating-cards-and-adding-images

adding images to cards and adjusting width and height
wyncode · Feb 17, 2020 · 772cb14 · 772cb14
2 parents c16b6f4 + 6222e45
commit 772cb14
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 3 deletions.
diff --git a/client/src/components/AboutUs.js b/client/src/components/AboutUs.js
@@ -12,11 +12,12 @@ import { Link } from 'react-router-dom';
 const About = () => {
   const useStyles = makeStyles({
     root: {
-      maxWidth: 345,
+      maxWidth: 250,
       background: 'linear-gradient(45deg, #E4FF01 30%, #000000 90%)'
     },
     media: {
-      height: 140
+      height: 250,
+      width: 250
     }
   });
 
@@ -26,7 +27,7 @@ const About = () => {
       <CardActionArea>
         <CardMedia
           className={classes.media}
-          image="#"
+          image={require('./Portraits/GuerreroCristopher.jpg')}
           title="Cristopher Guerrero"
         />
         <CardContent>

diff --git a/client/src/components/Portraits/BecklesMaria.jpg b/client/src/components/Portraits/BecklesMaria.jpg
diff --git a/client/src/components/Portraits/GuerreroCristopher.jpg b/client/src/components/Portraits/GuerreroCristopher.jpg
diff --git a/client/src/components/Portraits/MarcotteShawn.jpg b/client/src/components/Portraits/MarcotteShawn.jpg
diff --git a/client/src/components/Portraits/PoitevienKiara.jpg b/client/src/components/Portraits/PoitevienKiara.jpg