update: About page (RWD)

MichaelTeida · Feb 4, 2024 · f4d1caa · f4d1caa
1 parent 1eb6ac9
commit f4d1caa
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/pages/About.jsx b/src/pages/About.jsx
@@ -18,7 +18,7 @@ export function About() {
     return (
         <>
             <Header/>
-            <Container sx={{display: "flex", justifyContent: "space-between", alignItems: "center", flexDirection: {xs: "column", md: "row"}, width: {md: "1350px"}, p: {xs: 4}, py: {xs: 10}, gap: {xs: 6, md: 0}, minHeight: 'calc(100dvh - var(--Header-height))'}}>
+            <Container sx={{display: "flex", justifyContent: "space-between", alignItems: "center", flexDirection: {xs: "column", md: "row"}, minWidth: {md: "1000px", lg: "1350px"}, p: {xs: 4}, py: {xs: 10}, gap: {xs: 6, md: 0}, minHeight: 'calc(100dvh - var(--Header-height))'}}>
                 <Box sx={{zIndex: "2",flex: 6, display: "flex", flexDirection: {xs: "column", md: "row"}, gap: 2, flexWrap: "wrap"}}>
                     <Typography component="h1" level="h1" fontSize={{xs: 45, md: 50}}>
                         Welcome to <Typography color={"primary"}>NeuraChat</Typography>
@@ -51,15 +51,15 @@ export function About() {
                         objectFit="contain"
                         ratio={1}
                         variant="plain"
-                        maxHeight={400}
+                        maxHeight={350}
                         sx={(theme) => ({
-                            minWidth: 350,
+                            minWidth: 450,
                             alignSelf: 'stretch',
                             [theme.breakpoints.up(834)]: {
                                 alignSelf: 'initial',
                                 flexGrow: 1,
-                                '--AspectRatio-maxHeight': '600px',
-                                '--AspectRatio-minHeight': '600px',
+                                '--AspectRatio-maxHeight': '550px',
+                                '--AspectRatio-minHeight': '550px',
                             },
                         })}
                     >