alex/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix col responsiveness

Browse Source
This commit is contained in:
Alex Frantz
2024-07-21 03:55:51 -04:00
parent b9d5fbdad5
commit 00a65440ca
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.tsx
+3 -3
View File
@@ -40,7 +40,7 @@ export default function Home() {
</div>
</section>
<section id="watching" className="my-5 py-10 px-4 bg-gray-500">
<div className="grid grid-cols-2 gap-4">
<div className="grid lg:grid-cols-2 md:grid-cols-1 gap-4">
<div className="flex justify-center items-center">
<div>
<h1 className="text-4xl font-bold">What am I watching?</h1>
@@ -53,7 +53,7 @@ export default function Home() {
</div>
</section>
<section id="photos" className="my-5 py-10 px-4">
<div className="grid grid-cols-2 gap-4">
<div className="grid lg:grid-cols-2 md:grid-cols-1 gap-4">
<div className="flex justify-center items-center">
<div>
<h1 className="text-4xl font-bold">What am I picturing?</h1>
@@ -67,7 +67,7 @@ export default function Home() {
</section>
<section id="about" className="my-5 bg-gray-500 p-4">
<div className="container max-w-5xl mx-auto">
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
<div className="grid lg:grid-cols-2 md:grid-cols-1 gap-8">
<div>
<h2 className="text-3xl font-bold">About Me</h2>
<p className="text-muted-foreground mt-4">