too much time on responsive, on to hooking up cms

src/components/SideNav.tsx

@@ -34,8 +34,8 @@ const SideNav: React.FC<SideNavProps> = (
         "relative h-full flex flex-col text-deepcove text-center transition-all duration-500",
         bgColor,
         {
-            "w-[5vw]" : !isSidebarOpen,
-            "w-[11vw]" : isSidebarOpen
+            "w-[6vw] lg:w-[5vw]" : !isSidebarOpen,
+            "w-[13vw] lg:w-[11vw]" : isSidebarOpen
         }
 
     )}>
@@ -49,7 +49,7 @@ const SideNav: React.FC<SideNavProps> = (
         <div className="flex flex-col divide-y divide-bluetang">
             {navItems.map((navItem, index) => (
                 <a href={navItem.url} className={classnames(
-                    "w-full h-20 flex justify-center items-center font-semibold hover:text-platinum",
+                    "w-full h-20 flex justify-center items-center px-1 text-xs md:text-sm lg:text-base font-semibold hover:text-platinum",
                     {"bg-bluetang text-platinum" : index == 0}
                 )}>
                     {isSidebarOpen ? (