-
+
{title}
{description}
-
+
{technologies.map(technology => {
return (
@@ -81,27 +75,27 @@ const useStyles = makeStyles(theme => ({
card: {
display: 'flex',
minHeight: '400px',
- '&.reverse': {
- flexDirection: 'row-reverse',
- [theme.breakpoints.down('sm')]: {
- flexDirection: 'column',
- },
- },
- [theme.breakpoints.down('sm')]: {
- flexDirection: 'column',
- },
+ flexDirection: 'column',
+ height: '100%',
},
cardContent: {
display: 'flex',
flexDirection: 'column',
- width: '45%',
- [theme.breakpoints.down('sm')]: {
- width: '100%',
- },
+ height: '100%',
},
divider: {
flex: 1,
},
+ title: {
+ overflowWrap: 'break-word',
+ wordWrap: 'break-word',
+ '-ms-word-break': 'break-all',
+ wordBreak: 'break-word',
+ '-ms-hyphens': 'auto',
+ '-moz-hyphens': 'auto',
+ '-webkit-hyphens': 'auto',
+ hyphens: 'auto',
+ },
contentContainer: {
marginBottom: theme.spacing(8),
},
@@ -126,16 +120,12 @@ const useStyles = makeStyles(theme => ({
},
},
cover: {
- width: '55%',
- [theme.breakpoints.down('sm')]: {
- width: '100%',
- paddingTop: '56.25%',
- },
+ width: '100%',
+ paddingTop: '66.6666%',
},
}));
Project.defaultProps = {
- reverse: false,
title: '',
description: '',
technologies: [],
@@ -145,7 +135,6 @@ Project.defaultProps = {
};
Project.propTypes = {
- reverse: PropTypes.bool.isRequired,
title: PropTypes.string.isRequired,
description: PropTypes.string.isRequired,
technologies: PropTypes.arrayOf(PropTypes.string).isRequired,
diff --git a/src/images/projects/amz.png b/src/images/projects/amz.png
index 6aab0ae..fca7234 100644
Binary files a/src/images/projects/amz.png and b/src/images/projects/amz.png differ
diff --git a/src/images/projects/dw.png b/src/images/projects/dw.png
index 8fd5513..a847df9 100644
Binary files a/src/images/projects/dw.png and b/src/images/projects/dw.png differ
diff --git a/src/images/projects/freshline.png b/src/images/projects/freshline.png
index 7ae283c..e3bd0fc 100644
Binary files a/src/images/projects/freshline.png and b/src/images/projects/freshline.png differ
diff --git a/src/images/projects/zdam.png b/src/images/projects/zdam.png
index 9aff205..28efd76 100644
Binary files a/src/images/projects/zdam.png and b/src/images/projects/zdam.png differ