From bb2411232edfa0d5a7ab105e088d9f127605ce0f Mon Sep 17 00:00:00 2001
From: Jacob <jakepzak@gmail.com>
Date: Sun, 4 Aug 2024 21:34:24 -0400
Subject: [PATCH] Refine layout of skills section & articles

---
 personal_website/pages/articles.py |  8 ++++++--
 personal_website/pages/index.py    | 13 +++++++++----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/personal_website/pages/articles.py b/personal_website/pages/articles.py
index 90be292..cce2376 100644
--- a/personal_website/pages/articles.py
+++ b/personal_website/pages/articles.py
@@ -104,23 +104,27 @@ def image_link_description(
     """
     return rx.link(
         rx.vstack(
-            rx.flex(
+            rx.box(
                 rx.image(src=img_src),
                 direction="column",
                 align="center",
                 justify="center",
+                # height="25vh",
+                # width="25vh",
             ),
             read_markdown(
                 title_src,
                 component_map=styles.ARTICLES_PAGE["MARKDOWN_STYLE_BLOCK_HEADER"],
                 height="100%",
                 width="100%",
+                font_size="0.9em",
             ),
             read_markdown(
                 descr_src,
                 component_map=styles.ARTICLES_PAGE["MARKDOWN_STYLE_BLOCK_BODY"],
                 height="100%",
                 width="100%",
+                font_size="0.7em",
             ),
         ),
         href=href,
@@ -162,7 +166,7 @@ def create_article_grid(
         ),
         display=display,
         padding_top="1em",
-        max_width=["80vw", "80vw", "80vw", "60vw", "60vw", "60vw"],
+        max_width=["80vw", "80vw", "80vw", "80vw", "80vw", "80vw"],
     )
 
     return article_grid
diff --git a/personal_website/pages/index.py b/personal_website/pages/index.py
index 3d56ed3..9999cd9 100644
--- a/personal_website/pages/index.py
+++ b/personal_website/pages/index.py
@@ -179,13 +179,13 @@ def skillsets_section() -> rx.Component:
     )
 
     (
-        libraries_header,
+        _,
         libraries_intro,
         libraries_grid,
         libraries,
     ) = create_libraries_section()
 
-    stack_header, stack_intro, stack_grid, tech_stack = create_tech_stack_section()
+    _, stack_intro, stack_grid, tech_stack = create_tech_stack_section()
 
     # Used for mobile and tablet view
     skills_tabs = create_skills_tabs(
@@ -251,7 +251,10 @@ def create_libraries_section() -> Tuple[rx.Component]:
         padding_top="1em",
     )
 
-    libraries_intro = rx.text(asset_data.LIBRARY_INTRO_TXT)
+    libraries_intro = rx.box(
+        rx.text(asset_data.LIBRARY_INTRO_TXT),
+        height="10em"
+    )
 
     libraries_grid = rx.grid(
         *[
@@ -298,7 +301,9 @@ def create_tech_stack_section() -> Tuple[rx.Component]:
         padding_top="1em",
     )
 
-    stack_intro = rx.text(asset_data.TECH_INTRO_TXT)
+    stack_intro = rx.box(
+        rx.text(asset_data.TECH_INTRO_TXT),
+                          height="7.5em")
 
     stack_grid = rx.grid(
         *[