ImAlpha/Portfolio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

food card flex grow update

Browse Source
This commit is contained in:
ImAlpha 2024-01-03 23:28:04 -08:00
parent 51e4aa6df1
commit 66f88b0bb1
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
Websites/jefes-nextjs/app/menu/Appetizers/page.tsx
View File

@ -6,8 +6,8 @@ import { Button } from "@/components/ui/button";
const Appetizers = () => {
return (
<div className="flex flex-col lg:w-[1480px] md:w-[800px]">
<div className="text-4xl flex flex-row text-black antialiased font-bold font-sans items-center justify-center">
<div className="flex flex-col w-full">
<div className="text-4xl flex flex-row text-black antialiased font-bold items-center justify-center">
<Image
src="/gun01.svg"
alt="gun icon for decor"
@ -25,12 +25,12 @@ const Appetizers = () => {
/>
</div>
<div className="bg-red-300 flex flex-wrap flex-row gap-12 pt-6 justify-between">
<div className="bg-red-300 flex flex-wrap gap-8 pt-6 justify-between w-full">
{Menu.map((menu_item) => {
return (
<div
key={menu_item.id}
className="flex flex-col flex-wrap bg-blue-300 h-[452px] w-[325px] rounded-lg shadow-xl"
className="flex flex-col flex-grow bg-blue-300 h-[452px] w-[325px] rounded-lg shadow-xl drop-shadow-xl"
>
<div className="h-[55%] relative w-full overflow-hidden">
<Image
@ -42,7 +42,7 @@ const Appetizers = () => {
className="rounded-t-lg"
/>
</div>
<h4 className="space-x-4">
<h4 className="">
<strong>{menu_item.name}</strong>
</h4>
<p>Description: {menu_item.description}</p>
@ -51,7 +51,7 @@ const Appetizers = () => {
<span>
{menu_item.price_large ? (
<span>
<strong>Large</strong> - ${menu_item.price_large},{" "}
<strong>Large</strong> - ${menu_item.price_large},
<strong>Small</strong> - ${menu_item.price_small}
</span>
) : (