crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-25 11:11:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

creating responsive design

Browse Source
This commit is contained in:
Samantha Kellow
2023-11-23 19:16:34 +00:00
parent 175b5e8589
commit b70557397b
6 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/products/[handle]/page.tsx
View File

@@ -83,7 +83,7 @@ export default async function ProductPage({ params }: { params: { handle: string
/>
<div className="mx-auto max-w-screen-2xl px-4">
<div className="rounded-lg border border-neutral-200 bg-white p-8 px-4 dark:border-neutral-800 dark:bg-black md:p-12 lg:grid lg:grid-cols-6">
<div className="lg:col-span-3">
<div className="lg:col-span-3 flex justify-center">
<Gallery
images={product.images.map((image: Image) => ({
src: image.url,
@@ -93,7 +93,7 @@ export default async function ProductPage({ params }: { params: { handle: string
</div>
<div className="lg:col-span-3 lg:grid lg:grid-cols-6">
<div className="py-6 lg:col-span-4 lg:col-start-2">
<div className="pt-6 lg:py-6 lg:col-span-4 lg:col-start-2">
<ProductDescription product={product} />
</div>
</div>