adjusted css
This commit is contained in:
@@ -31,11 +31,17 @@ export default function Projects({ data }: PageProps<ProjectData>) {
|
||||
<div class="space-y-12 px-10 py-8 sm:min-h-screen bg-[#313244]">
|
||||
<section
|
||||
id="projects"
|
||||
class="lg:grid-cols-desktop grid scroll-mt-16 grid-cols-1 gap-x-10 gap-y-4 bg-[#313244] "
|
||||
class="lg:grid-cols-desktop grid scroll-mt-8 grid-cols-1 gap-x-4 gap-y-2 bg-[#313244] "
|
||||
>
|
||||
<h1 class="text-3xl text-white font-bold uppercase text-center">
|
||||
Projects
|
||||
</h1>
|
||||
<p class="md:text-lg sm:text-md text-white">
|
||||
Here's a collection of software and electronics projects I've been
|
||||
tinkering with during my free time - some are ongoing adventures,
|
||||
others are finished experiments, but they've all been exciting
|
||||
challenges that keep me busy when I'm not doing the "real work" stuff!
|
||||
</p>
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2">
|
||||
{projects.map((project: any) => {
|
||||
return (
|
||||
|
Reference in New Issue
Block a user