diff --git a/src/components/tutorial/CalenderExample.tsx b/src/components/tutorial/CalenderExample.tsx index 806d2c3..115ee88 100644 --- a/src/components/tutorial/CalenderExample.tsx +++ b/src/components/tutorial/CalenderExample.tsx @@ -72,7 +72,7 @@ const CalenderExample = ({ type }: CalenderExampleProps): JSX.Element => { return ( { ); })} - + {currWeek.map((day: MonthDay) => { const { date, isOverflow, overflowDirection } = day; @@ -142,7 +142,7 @@ const CalenderExample = ({ type }: CalenderExampleProps): JSX.Element => { id.length ? id : format(toDateObj, "yyyyddLL") + - `/${sticker === null ? 0 : sticker}` + `/${sticker === null ? 0 : sticker}` } /> ); diff --git a/src/components/tutorial/index.tsx b/src/components/tutorial/index.tsx index b0ed2ab..bcfd32c 100644 --- a/src/components/tutorial/index.tsx +++ b/src/components/tutorial/index.tsx @@ -56,8 +56,9 @@ const Tutorial = ({ justifyContent="center" alignContent="center" my={8} - mx={4} - p={4} + mx={{ base: 0, sm: 2, md: 4 }} + py={4} + px={{ base: 0, sm: 2, md: 4 }} bg="gray.700" > { @@ -139,7 +140,7 @@ const Tutorial = ({ w="100%" justifyContent="start" alignContent="center" - spacing={2} + spacing={1} > {