diff --git a/src/components/SEO.js b/src/components/SEO.js
index 8e17b32..e069b06 100644
--- a/src/components/SEO.js
+++ b/src/components/SEO.js
@@ -118,7 +118,7 @@ SEO.propTypes = {
description: PropTypes.string,
lang: PropTypes.string,
meta: PropTypes.arrayOf(PropTypes.object),
- title: PropTypes.string.isRequired,
+ title: PropTypes.string,
};
export default SEO;
diff --git a/src/features/HomePage/components/Technologies/Technologies.js b/src/features/HomePage/components/Technologies/Technologies.js
index 5f08134..4286355 100644
--- a/src/features/HomePage/components/Technologies/Technologies.js
+++ b/src/features/HomePage/components/Technologies/Technologies.js
@@ -2,18 +2,10 @@ import React from 'react';
import { useStaticQuery, graphql } from 'gatsby';
import { makeStyles } from '@material-ui/core/styles';
-import { Container, Typography, Grid } from '@material-ui/core';
+import { Container, Typography } from '@material-ui/core';
import Section from '@components/Section';
import Technology from './Technology';
-const useStyles = makeStyles(theme => ({
- hide: {
- [theme.breakpoints.down('md')]: {
- display: 'none',
- },
- },
-}));
-
function Technologies() {
const classes = useStyles();
const data = useStaticQuery(graphql`
@@ -24,7 +16,7 @@ function Technologies() {
relativePath
childImageSharp {
id
- fixed(height: 45, quality: 100) {
+ fixed(height: 40, quality: 100) {
...GatsbyImageSharpFixed
}
}
@@ -50,130 +42,173 @@ function Technologies() {
Technologies / tools I use
-
-
-
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
+
-
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
+
+
+
+
-
-
-
+
+
+
-
-
+
-
-
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
-
+
+
);
}
+const useStyles = makeStyles(theme => ({
+ grid: {
+ display: 'grid',
+ gridTemplateColumns: `repeat(13, minmax(max-content, 1fr));`,
+ gap: theme.spacing(1, 1),
+ [theme.breakpoints.down('md')]: {
+ gridTemplateColumns: `repeat(6, minmax(max-content, 1fr));`,
+ '& > div:last-child': {
+ gridColumnStart: '3',
+ gridColumnEnd: 'span 2',
+ display: 'flex',
+ justifyContent: 'center',
+ '& > div': {
+ width: `calc(50% - ${theme.spacing(1)}px)`,
+ },
+ },
+ },
+ [theme.breakpoints.down('xs')]: {
+ gridTemplateColumns: `repeat(3, minmax(max-content, 1fr));`,
+ '& > div:last-child': {
+ display: 'block',
+ gridColumnStart: '2',
+ gridColumnEnd: '2',
+ '& > div': {
+ width: 'auto',
+ },
+ },
+ },
+ },
+ hide: {
+ [theme.breakpoints.down('md')]: {
+ display: 'none',
+ },
+ },
+}));
+
export default Technologies;
diff --git a/src/images/technologies/nest.png b/src/images/technologies/nest.png
new file mode 100644
index 0000000..c1ebd5c
Binary files /dev/null and b/src/images/technologies/nest.png differ