Improve spacing on smaller screens

This commit is contained in:
Jackson Harper 2024-06-13 11:40:26 +08:00
parent 99622f592a
commit 7df606b15a

View file

@ -57,6 +57,7 @@ export function HomeContainer(): JSX.Element {
gap: '50px',
minHeight: '100vh',
'@mdDown': {
gap: '40px',
width: '100%',
},
}}
@ -200,6 +201,9 @@ const TopPicksHomeSection = (props: HomeSectionProps): JSX.Element => {
css={{
width: '100%',
gap: '20px',
'@mdDown': {
gap: '10px',
},
}}
>
<SpanBox
@ -510,6 +514,7 @@ const TopicPickHomeItemView = (props: HomeItemViewProps): JSX.Element => {
cursor: 'pointer',
borderRadius: '5px',
'@mdDown': {
pt: '15px',
borderRadius: '0px',
},
'&:hover': {