Codex tried to make the site more responsive on mobile
This commit is contained in:
+9
-9
@@ -52,7 +52,7 @@ export default function Home() {
|
||||
{!showTypingIntro && (
|
||||
<>
|
||||
<Navbar />
|
||||
<div className="space-y-24 pb-20 pt-20">
|
||||
<div className="space-y-20 pb-16 pt-16 sm:space-y-24 sm:pb-20 sm:pt-20">
|
||||
<Hero
|
||||
glowColor={glowColor}
|
||||
borderStatus={borderStatus}
|
||||
@@ -71,28 +71,28 @@ export default function Home() {
|
||||
|
||||
<AgentSkills />
|
||||
|
||||
<section className="w-full max-w-6xl mx-auto space-y-12 px-4">
|
||||
<section className="w-full max-w-6xl mx-auto space-y-8 px-4 sm:space-y-12">
|
||||
<div className="text-center space-y-4">
|
||||
<h2 className="text-4xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">
|
||||
<h2 className="text-3xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500 sm:text-4xl">
|
||||
Featured Projects
|
||||
</h2>
|
||||
<p className="text-gray-400 max-w-2xl mx-auto">
|
||||
<p className="mx-auto max-w-2xl text-sm text-gray-400 sm:text-base">
|
||||
A selection of my personal favorites. Many more on my GitHub.
|
||||
</p>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<div className="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3 sm:gap-8">
|
||||
{projects.map((project, index) => (
|
||||
<ProjectCard key={index} project={project} />
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="w-full max-w-6xl mx-auto space-y-12 px-4">
|
||||
<section className="w-full max-w-6xl mx-auto space-y-8 px-4 sm:space-y-12">
|
||||
<div className="text-center space-y-4">
|
||||
<h2 className="text-3xl font-bold">More Projects</h2>
|
||||
<p className="text-gray-400">Smaller projects or tools I've built.</p>
|
||||
<h2 className="text-2xl font-bold sm:text-3xl">More Projects</h2>
|
||||
<p className="text-sm text-gray-400 sm:text-base">Smaller projects or tools I've built.</p>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div className="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3 sm:gap-6">
|
||||
{miniProjects.map((project, index) => (
|
||||
<MiniProjectCard
|
||||
key={index}
|
||||
|
||||
Reference in New Issue
Block a user