responsive

This commit is contained in:
belle 2024-06-15 22:24:49 -04:00
parent 03065f4df4
commit a53299d097
3 changed files with 5 additions and 5 deletions

View file

@ -38,7 +38,7 @@ const Prizes = ({
alignItems: 'center' alignItems: 'center'
}} }}
> >
<img src={img} sx={{ width: '100%', height: 'auto' }} /> <img src={img} sx={{ width: '100%', height: 'auto', maxWidth: '300px' }} />
</Flex> </Flex>
<Text className="slackey" variant="headline" sx={{ color: '#FFEEC6' }}> <Text className="slackey" variant="headline" sx={{ color: '#FFEEC6' }}>
{text} {text}

View file

@ -38,10 +38,10 @@ const ShopPage = ({ parts }) => {
<Grid <Grid
sx={{ sx={{
pt: '50px', pt: '50px',
gridTemplateColumns: ['1fr', '1fr 1fr', '1fr 1fr', '1fr 1fr 1fr'], gridTemplateColumns: ['1fr', '1fr', '1fr 1fr', '1fr 1fr 1fr'],
gap: '50px', gap: '50px',
maxWidth: '1000px', maxWidth: '1000px',
width: '90vw', width: '80vw',
margin: 'auto' margin: 'auto'
}} }}
> >

View file

@ -56,10 +56,10 @@ const ShopPage = ({ parts, ...props }) => {
<Grid <Grid
sx={{ sx={{
pt: '50px', pt: '50px',
gridTemplateColumns: ['1fr', '1fr 1fr', '1fr 1fr', '1fr 1fr 1fr'], gridTemplateColumns: ['1fr', '1fr', '1fr 1fr', '1fr 1fr 1fr'],
gap: '50px', gap: '50px',
maxWidth: '1000px', maxWidth: '1000px',
width: '90vw', width: '80vw',
margin: 'auto' margin: 'auto'
}} }}
> >