fix projects page alignment

Author: MH0386

alphaspheredotai_github_io/pages/projects.py

@@ -9,32 +9,39 @@ def projects_page() -> rx.Component:
         (
             navbar_icons(),
             rx.center(
-                (
-                    project_card(
-                        title="AlphaSphereDotAI Website",
-                        description="A personal website built with Reflex to showcase projects and team members.",
-                        project_url="https://github.com/AlphaSphereDotAI/AlphaSphereDotAI.github.io",
-                    ),
-                    project_card(
-                        title="Chatacter",
-                        description="Live Chat with Virtual Character.",
-                        project_url="https://github.com/AlphaSphereDotAI/chatacter",
-                    ),
-                    project_card(
-                        title="Vocalizr",
-                        description="Voice Generator part of the Chatacter Backend.",
-                        project_url="https://github.com/AlphaSphereDotAI/vocalizr",
-                    ),
-                    project_card(
-                        title="Visualizr",
-                        description="Video Generator part of the Chatacter Backend.",
-                        project_url="https://github.com/AlphaSphereDotAI/visualizr",
-                    ),
-                    project_card(
-                        title="Chattr",
-                        description="App part of the Chatacter Backend.",
-                        project_url="https://github.com/AlphaSphereDotAI/chattr",
+                rx.flex(
+                    (
+                        project_card(
+                            title="AlphaSphereDotAI Website",
+                            description="A personal website built with Reflex to showcase projects and team members.",
+                            project_url="https://github.com/AlphaSphereDotAI/AlphaSphereDotAI.github.io",
+                        ),
+                        project_card(
+                            title="Chatacter",
+                            description="Live Chat with Virtual Character.",
+                            project_url="https://github.com/AlphaSphereDotAI/chatacter",
+                        ),
+                        project_card(
+                            title="Vocalizr",
+                            description="Voice Generator part of the Chatacter Backend.",
+                            project_url="https://github.com/AlphaSphereDotAI/vocalizr",
+                        ),
+                        project_card(
+                            title="Visualizr",
+                            description="Video Generator part of the Chatacter Backend.",
+                            project_url="https://github.com/AlphaSphereDotAI/visualizr",
+                        ),
+                        project_card(
+                            title="Chattr",
+                            description="App part of the Chatacter Backend.",
+                            project_url="https://github.com/AlphaSphereDotAI/chattr",
+                        ),
                     ),
+                    align="center",
+                    justify="center",
+                    spacing="5",
+                    flex_wrap="wrap",
+                    width="100%",
                 ),
                 justify="center",
                 align="center",