diff --git a/packages/frontend/public/practice-image.png b/packages/frontend/public/practice-image.png new file mode 100644 index 0000000..3788b9e Binary files /dev/null and b/packages/frontend/public/practice-image.png differ diff --git a/packages/frontend/src/components/practice/PracticeTaskInstructions.component.tsx b/packages/frontend/src/components/practice/PracticeTaskInstructions.component.tsx index 18e9c2c..e439246 100644 --- a/packages/frontend/src/components/practice/PracticeTaskInstructions.component.tsx +++ b/packages/frontend/src/components/practice/PracticeTaskInstructions.component.tsx @@ -9,7 +9,8 @@ import { Stack, Typography, ListItemText, - DialogActions + DialogActions, + Box } from '@mui/material'; export interface PracticeTaskInstructionsProps { @@ -34,6 +35,8 @@ export const PracticeTaskInstructions: FC = ({ on Model how to represent one-fourth with this rectangular shape. Use concise and precise mathematical language. + + Note diff --git a/packages/frontend/src/components/practice/PracticeTaskInstructionsSide.component.tsx b/packages/frontend/src/components/practice/PracticeTaskInstructionsSide.component.tsx index 95ccd60..640d471 100644 --- a/packages/frontend/src/components/practice/PracticeTaskInstructionsSide.component.tsx +++ b/packages/frontend/src/components/practice/PracticeTaskInstructionsSide.component.tsx @@ -1,4 +1,4 @@ -import { Stack, Typography, List, ListItemText, ListItem } from '@mui/material'; +import { Stack, Typography, List, ListItemText, ListItem, Box } from '@mui/material'; import { FC } from 'react'; export const PractiveTaskInstructionsSide: FC = () => { @@ -14,6 +14,8 @@ export const PractiveTaskInstructionsSide: FC = () => { Model how to represent one-fourth with this rectangular shape. Use concise and precise mathematical language. + + Remember to: