update to menu

Websites/jefes-nextjs/app/menu/Bar/page.tsx

@@ -22,7 +22,7 @@ const Bar = () => {
       <div className="grid desktop:grid-cols-5 tablet:grid-cols-3 md:grid-cols-2 grid-flow-row gap-y-6 md:gap-x-6">
         {Menu.map((menu_item) => {
           return (
-            <Card key={menu_item.id} className="flex-1 flex-col max-w-[325px] h-[452px]">
+            <Card key={menu_item.id} className="flex-1 flex-col max-w-[325px] h-[452px] relative">
               <div className="w-full h-[55%]">
                 <div className="h-full relative w-full">
                   <Image
@@ -57,15 +57,16 @@ const Bar = () => {
                     </div> */}
                   </div>
                   {/* description text */}
-                  <div className="inline-block text-left">
-                    <p className={`max-w-[75ch] ${interBold.className} leading-tight font-light`}>
+                  <div className="inline-block text-left pt-2">
+                    <p className={`max-w-[75ch] ${interBold.className} leading-tight font-[12px] text-[#D7D7D7]`}>
                       {menu_item.description}
                     </p>
                   </div>
                 </div>
-                {/* cart addon */}
-                <div className="flex flex-row">
-                  <div className=" flex flex-row">
+              </div>
+               {/* cart addon */}
+               <div className="flex flex-row bottom-0 absolute m-2">
+                  <div className="flex flex-row">
                     <strong>{`$${menu_item.price}`}</strong>
                   </div>
                   <div className="flex  w-1/2 relative">
@@ -74,7 +75,6 @@ const Bar = () => {
                     </div>
                   </div>
                 </div>
-              </div>
             </Card>
           );
         })}