Codex tried to make the site more responsive on mobile
Build Check / build (push) Successful in 48s
Build Check / push-image (push) Successful in 2m43s
Build Check / deploy-coolify (push) Successful in 7s

This commit is contained in:
Space-Banane
2026-06-03 15:58:29 +02:00
parent 40526e115e
commit aebeed3964
19 changed files with 130 additions and 131 deletions
+9 -9
View File
@@ -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}