make flow image responsive

This commit is contained in:
Barry Gitarts 2019-11-22 14:42:57 -05:00 committed by Barry G
parent d755557207
commit 2a74ee4c33
2 changed files with 5 additions and 2 deletions

View File

@ -63,7 +63,10 @@ const useStyles = makeStyles(({
padding: '1rem'
},
flowImage: {
gridColumn: '14 / 36'
[up('md')]: {
gridColumn: '14 / 36'
},
gridColumn: '1 / 49'
},
cardMainFont: {
fontSize: '24px'

View File

@ -20,7 +20,7 @@ const useStyles = makeStyles(theme => ({
main: {
display: 'grid',
gridTemplateColumns: 'repeat(48, [col] 1fr)',
gridTemplateRows: '12rem 5rem auto auto 6rem',
gridTemplateRows: '12rem 5rem auto auto',
[theme.breakpoints.up('md')]: {
gridTemplateRows: '4rem 4rem auto auto 6rem'
}