diff --git a/leptos_components/src/elements/cards.rs b/leptos_components/src/elements/cards.rs
index 40836de..e07ca93 100644
--- a/leptos_components/src/elements/cards.rs
+++ b/leptos_components/src/elements/cards.rs
@@ -30,7 +30,7 @@ pub fn ProfessionalExperienceCard(
         }
     }
     view!{
-        <div id={id} class="border border-4 m-auto mt-4 rounded w-9/12 bg-[#0C120C] med:flex med:flex-row justify-around p-4">
+        <div id={id} class="border border-4 m-auto mt-4 rounded w-9/12 bg-[#0C120C] md:flex md:flex-row justify-around p-4">
             <div class="flex flex-col justify-center space-y-2 md:w-1/4">
                 <img src={img_path} class="w-full" />
                 <H2>{heading}</H2>
diff --git a/website/src/app.rs b/website/src/app.rs
index dc64231..a199e3c 100644
--- a/website/src/app.rs
+++ b/website/src/app.rs
@@ -58,8 +58,8 @@ pub fn App() -> impl IntoView {
 fn HomePage() -> impl IntoView {
     view! {
         <canvas id="p-e-canvas"></canvas>
-        <div class="med:flex med:flex-row min-h-screen med:justify-center med:items-center">
-            <img class="max-w-lg rounded" src="/founder_portrait.jpg" />
+        <div class="md:flex md:flex-row min-h-screen md:justify-center md:items-center">
+            <img class="max-w-lg rounded hidden md:block" src="/founder_portrait.jpg" />
             <div class="flex flex-col m-4 p-2 items-start max-w-lg">
                 <ul class="flex flex-row justify-around w-full">
                     <li class="border p-2"><a class="underline" href="#p-e-content">Professional Experience</a></li>