diff --git a/src/features/HomePage/components/Portfolio/Portfolio.js b/src/features/HomePage/components/Portfolio/Portfolio.js
index 089ea37..acfd5c2 100644
--- a/src/features/HomePage/components/Portfolio/Portfolio.js
+++ b/src/features/HomePage/components/Portfolio/Portfolio.js
@@ -2,7 +2,7 @@ import React from 'react';
import { useStaticQuery, graphql } from 'gatsby';
import { makeStyles } from '@material-ui/core/styles';
-import { Typography, Container } from '@material-ui/core';
+import { Typography, Container, Grid } from '@material-ui/core';
import Section, { BG_COLOR } from '@components/Section';
import Project from './Project';
@@ -18,9 +18,11 @@ const useStyles = makeStyles(theme => ({
margin: '3rem 0',
},
},
- projects: {
- '& > *:not(:last-child)': {
- marginBottom: theme.spacing(2),
+ gridItem: {
+ [theme.breakpoints.up(750)]: {
+ flexGrow: 0,
+ flexBasis: '50%',
+ maxWidth: '50%',
},
},
}));
@@ -39,7 +41,7 @@ function Portfolio() {
relativePath
childImageSharp {
id
- fluid(maxWidth: 1000) {
+ fluid(maxWidth: 1280) {
...GatsbyImageSharpFluid
}
}
@@ -58,8 +60,8 @@ function Portfolio() {