From a0f81b012394578437d4eb74f6543e533d4cc070 Mon Sep 17 00:00:00 2001
From: jrholt04 <jrholt04@gmail.com>
Date: Mon, 24 Feb 2025 13:04:32 -0500
Subject: [PATCH 1/2] Replaced the border container with border styling.

---
 web/src/templates/blog/blog-template.js | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/web/src/templates/blog/blog-template.js b/web/src/templates/blog/blog-template.js
index f3408117..059c05b0 100644
--- a/web/src/templates/blog/blog-template.js
+++ b/web/src/templates/blog/blog-template.js
@@ -41,24 +41,21 @@ const Blog = ({ pageContext }) => {
           <Col sm={{ span: 8, offset: 2 }}>
             <Title className="mt-5">{blogInfo.title}</Title>
             <Container className="my-4">
-              <Row className="">
-                <Col
-                  xs={{ span: 2 }}
-                  sm={{ span: 1 }}
-                  className="d-flex justify-content-center p-0 rounded-circle border border-1 border-dark"
-                >
+              <Row >
+                <Col xs={{span:3}} sm={{span:4}} md={{span: 2}} >
                   <GatsbyImage
                     objectFit="cover"
                     image={authorImage}
                     // image={'../../images/ainc-logo-horizontal-white-text.png'}
                     alt={blogInfo.reference.name}
-                    className="rounded-circle border border-3 border-white p-1"
+                    className="rounded-circle p-4"
+                    style={{ outline: "1px solid black", border: "3px solid white" }}
                   />
                 </Col>
                 <Col
                   xs={{ span: 10 }}
                   sm={{ span: 10 }}
-                  className="d-flex justify-content-start align-content-center flex-column mt-2 mt-sm-1 mx-0 mx-sm-1"
+                  className="d-flex justify-content-start align-content-center flex-column mt-2 mx-0"
                 >
                   <Title className={`${styles.author} mb-0`}>
                     {blogInfo.reference.name}, {blogInfo.reference.title}

From 9be02508b1daa7ecfe3a38a1dcd2fc926bbdf73f Mon Sep 17 00:00:00 2001
From: jrholt04 <jrholt04@gmail.com>
Date: Mon, 24 Feb 2025 14:01:25 -0500
Subject: [PATCH 2/2] switched the h from vh to px to stop text overlap

---
 web/src/templates/blog/BlogPreview.js   | 4 ++--
 web/src/templates/blog/BlogPreview.scss | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/src/templates/blog/BlogPreview.js b/web/src/templates/blog/BlogPreview.js
index 6822a364..4f2667ce 100644
--- a/web/src/templates/blog/BlogPreview.js
+++ b/web/src/templates/blog/BlogPreview.js
@@ -23,8 +23,8 @@ export default function BlogPreview({ blog }) {
   return (
     <Col xs={12} md={6} className="mt-4 px-0 px-sm-2" key={edge.id}>
       <Container className="blog-card border border-2 rounded-1">
-        <Row className="p-3 h-100">
-          <Col xs={12} className="p-0">
+        <Row className="p-3">
+          <Col xs={12} className="p-0 d-flex">
             <Container
               className="blog-image d-flex flex-column"
               style={{
diff --git a/web/src/templates/blog/BlogPreview.scss b/web/src/templates/blog/BlogPreview.scss
index 834d0886..b9f4ed8d 100644
--- a/web/src/templates/blog/BlogPreview.scss
+++ b/web/src/templates/blog/BlogPreview.scss
@@ -5,7 +5,9 @@
   letter-spacing: 0 !important;
 }
 .blog-card {
-  height: 60vh;
+
+  height: 500px;
+  
 
   @include screen-xs {
     height: 85vh;