quick fixes

Author: nchshri

src/components/footer.astro

@@ -46,12 +46,12 @@ const { ignoreHome = false } = Astro.props;
   <ul
     class={[
       "relative grid -ml-" + (ignoreHome ? "5" : "0") + " gap-2 sm:gap-3",
-      ignoreHome ? "grid-cols-4 sm:grid-cols-4" : "grid-cols-4 sm:grid-cols-6",
+      ignoreHome ? "grid-cols-5 sm:grid-cols-5" : "grid-cols-4 sm:grid-cols-6",
       "sm:ml-0"
     ].join(" ")}
   >
     {
-      links.slice(ignoreHome ? 2 : 0).map((link) => (
+      links.slice(ignoreHome ? 1 : 0).map((link) => (
         <li>
           <a
             class="flex h-14 w-14 items-center justify-center rounded-full border-2 border-current p-3"

src/pages/workshops.astro

@@ -60,16 +60,16 @@ const description = "ML@Purdue Website";
             </div>
             {
                 workshopItems.map(({ date, topic, leading, status }) => (
-                    <section class="relative flex w-screen border-b-[1px] border-purple-500 -mt-4 h-[16vh]">
-                        <div class="flex flex-col justify-between items-end border-r-[1px] h-[16vh] w-[30vw] lg:w-[26vw] text-right border-purple-500 p-2 lg:p-4">
+                    <section class="relative flex w-screen border-b-[1px] border-purple-500 -mt-4">
+                        <div class="flex flex-col justify-between items-end w-[30vw] lg:w-[26vw] text-right p-2 lg:p-4">
                             <h2 class="text-xs lg:text-sm leading-snug mb-2">{date}</h2>
                             <span class="bg-purple-900 ml-3 text-white rounded-md py-1 px-4 text-xs leading-snug">
                                 {status}
                             </span>
                         </div>
 
-                        <div class="flex flex-col lg:justify-center pt-2 lg:pt-0 h-full pl-2 lg:pl-4">
-                            <span class="orbitron text-xl lg:text-2xl leading-tight">{topic}</span>
+                        <div class="flex flex-col lg:justify-center py-4 h-full pl-2 lg:pl-4 border-purple-500 border-l-[1px] max-w-[63vw]">
+                            <span class="orbitron text-xl leading-tight">{topic}</span>
                             <h2 class="text-sm lg:text-base mt-2">{leading}</h2>
                         </div>
                     </section>