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,8 +63,11 @@ const useStyles = makeStyles(({
padding: '1rem' padding: '1rem'
}, },
flowImage: { flowImage: {
[up('md')]: {
gridColumn: '14 / 36' gridColumn: '14 / 36'
}, },
gridColumn: '1 / 49'
},
cardMainFont: { cardMainFont: {
fontSize: '24px' fontSize: '24px'
}, },

View File

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