maximx1/ever-given-pod
1
0
Fork 0
Code Issues 25 Pull Requests Packages Projects Releases Wiki Activity

#30 Adding some spacing to the home page.

Browse Source
This commit is contained in:
Justin Walrath 2025-05-16 15:33:46 -04:00
parent dfe97bf864
commit 08b7f8a5ae
1 changed files with 34 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/page.tsx
View File

@ -28,6 +28,7 @@ export default function Home() {
return ( return (
<Main> <Main>
<div className='min-h-[65vh]'>
<div className="w-full flex justify-center mt-15"> <div className="w-full flex justify-center mt-15">
<div className="w-[100px] h-[100px] flex items-center justify-center"> <div className="w-[100px] h-[100px] flex items-center justify-center">
<Image <Image
@ -63,6 +64,7 @@ export default function Home() {
</button> </button>
</div> </div>
</div> </div>
</div>
<div className="w-full flex justify-center mt-8 mb-15"> <div className="w-full flex justify-center mt-8 mb-15">
<div className="w-[500px] flex flex-col items-center"> <div className="w-[500px] flex flex-col items-center">
@ -75,7 +77,7 @@ export default function Home() {
</div> </div>
</div> </div>
<div className="w-full px-8 mt-8"> <div className="w-full max-w-[1200px] px-8 mt-8 mx-auto">
<div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6"> <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6">
{podcasts.map(podcast => ( {podcasts.map(podcast => (
<button <button