Kichiyaki
/
dwysokinski.me
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Technologies] update grid-template-columns

This commit is contained in:
Dawid Wysokiński 2021-01-17 12:42:15 +01:00
parent 8982c868c5
commit ce842d369c
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/features/HomePage/components/Technologies/Technologies.js
View File

@ -178,10 +178,10 @@ function Technologies() {
const useStyles = makeStyles(theme => ({ const useStyles = makeStyles(theme => ({
grid: { grid: {
display: 'grid', display: 'grid',
gridTemplateColumns: `repeat(13, minmax(max-content, 1fr));`, gridTemplateColumns: `repeat(13, minmax(0, 1fr));`,
gap: theme.spacing(1, 1), gap: theme.spacing(1, 1),
[theme.breakpoints.down('md')]: { [theme.breakpoints.down('md')]: {
gridTemplateColumns: `repeat(6, minmax(max-content, 1fr));`, gridTemplateColumns: `repeat(6, minmax(0, 1fr));`,
'& > div:last-child': { '& > div:last-child': {
gridColumnStart: '3', gridColumnStart: '3',
gridColumnEnd: 'span 2', gridColumnEnd: 'span 2',
@ -193,7 +193,7 @@ const useStyles = makeStyles(theme => ({
}, },
}, },
[theme.breakpoints.down('xs')]: { [theme.breakpoints.down('xs')]: {
gridTemplateColumns: `repeat(3, minmax(max-content, 1fr));`, gridTemplateColumns: `repeat(3, minmax(0, 1fr));`,
'& > div:last-child': { '& > div:last-child': {
display: 'block', display: 'block',
gridColumnStart: '2', gridColumnStart: '2',