Updated Mentor mobile

Author: haylietan

app/(pages)/(hackers)/_components/StarterKit/Ideate/Ideate.tsx

@@ -5,7 +5,7 @@ import IdeateWinningHacks from './IdeateWinningHacks';
 
 export default function Ideate() {
   return (
-    <div className="my-[100px] ml-[24px] mr-0 flex flex-col gap-[72px] bg-[#F1FFCC] p-[7%] pr-[7%] md:ml-[60px] md:mr-0 md:gap-[96px]">
+    <div className="my-[100px] ml-[24px] mr-0 flex flex-col gap-[112px] bg-[#F1FFCC] p-[7%] pr-[7%] md:ml-[60px] md:mr-0 md:gap-[144px]">
       <IdeateHero />
       <IdeatePrinciples />
       <IdeateWinningHacks />

app/(pages)/(hackers)/_components/StarterKit/Ideate/IdeateMentorCallout.tsx

@@ -7,22 +7,22 @@ export default function IdeateMentorCallout() {
   return (
     <IdeateSection eyebrow=" " title="">
       <div className="grid items-start gap-8 md:grid-cols-[minmax(320px,0.95fr)_minmax(0,1fr)] md:gap-10 lg:gap-14">
-        <div className="relative order-2 mx-auto flex aspect-[1.72] w-full max-w-[44rem] items-center justify-center overflow-hidden rounded-[28px] bg-[#E4FFFE] md:order-1 md:mx-0">
+        <div className="relative order-1 mx-auto flex aspect-[1.72] w-full max-w-[44rem] items-center justify-center overflow-hidden rounded-[28px] bg-[#E4FFFE] md:order-1 md:mx-0">
           <Image
             src={mentorGraphic}
             alt="HackDavis mentor illustration"
             className="relative h-full w-full object-contain"
           />
         </div>
-        <div className="order-1 flex flex-col gap-6 md:order-2">
+        <div className="order-2 flex flex-col gap-6 md:order-2">
           <p className="text-[0.6rem] font-jakarta uppercase tracking-[0.2em] text-text-gray md:text-xs">
             Still Feel Stuck?
           </p>
-          <p className="max-w-[38rem] text-[0.92rem] leading-[1.3] text-[#5e6457] md:text-[1rem] lg:text-[1.08rem]">
+          <p className="max-w-[38rem] text-[0.92rem] leading-[1.35] text-[#5e6457] md:text-[1rem] lg:text-[1.08rem]">
             No worries, we have a panel of industry mentors who are ready to
             lend you help at any part of your development process.
           </p>
-          <div className="rounded-[24px] bg-[#eef8bf] px-6 py-5 text-[#5e6457] md:px-8 md:py-6">
+          <div className="hidden rounded-[24px] bg-[#eef8bf] px-6 py-5 text-[#5e6457] md:block md:px-8 md:py-6">
             <p className="text-[1rem] leading-[1.3] md:text-[1.18rem]">
               <span className="italic">Note:</span> If you have any questions
               regarding hackathon events, please contact a{' '}

app/(pages)/(hackers)/_components/StarterKit/Ideate/WinningHackCard.tsx

@@ -26,7 +26,7 @@ export default function WinningHackCard({
       rel="noopener noreferrer"
       className="group block"
     >
-      <article className="flex flex-col gap-4 rounded-[20px] bg-white px-4 py-4 shadow-[0_12px_35px_rgba(134,137,116,0.08)] transition-transform duration-200 hover:-translate-y-1 md:flex-row md:items-center md:gap-6 md:px-4 md:py-3">
+      <article className="flex flex-col gap-4 rounded-[20px] bg-white px-4 py-4 shadow-[0_12px_35px_rgba(134,137,116,0.08)] md:flex-row md:items-center md:gap-6 md:px-4 md:py-3">
         <div className="relative flex aspect-[1.5] w-full items-center justify-center overflow-hidden rounded-[14px] bg-[#f8f8fb] ring-1 ring-[#efefef] md:w-[240px] md:flex-shrink-0">
           {image ? (
             <Image