fix: padding, margin, and width issues
All checks were successful
renovate / renovate (push) Successful in 1m3s
test-build / build (push) Successful in 1m31s

This commit is contained in:
2026-02-09 22:08:35 -06:00
parent 197ad63ada
commit 6d3f3a49ab
3 changed files with 4 additions and 4 deletions

View File

@@ -21,7 +21,7 @@ const shadowClasses = 'shadow-xs hover:shadow-md dark:shadow-md dark:hover:shado
--- ---
<section class:list={['flex flex-col gap-4', Astro.props.className]}> <section class:list={['flex flex-col gap-4', Astro.props.className]}>
<div class="ml-8 grid grid-cols-1 gap-3 md:grid-cols-2 print:flex print:flex-col"> <div class="grid grid-cols-1 gap-3 md:grid-cols-2 print:flex print:flex-col">
{ {
applications.map((application: Application) => { applications.map((application: Application) => {
return ( return (

View File

@@ -11,7 +11,7 @@ const global = await directus.request(readSingleton('site_global'));
<div <div
class="flex flex-col items-center justify-center gap-y-2 sm:flex-row sm:gap-x-12 sm:gap-y-0 lg:gap-x-24" class="flex flex-col items-center justify-center gap-y-2 sm:flex-row sm:gap-x-12 sm:gap-y-0 lg:gap-x-24"
> >
<div class="mx-auto max-w-5xl px-4 sm:px-6 lg:px-8"> <div class="max-w-5xl sm:px-6 lg:px-8">
<div class="flex flex-wrap gap-6 sm:grid-cols-2 sm:gap-6 lg:grid-cols-3 justify-center"> <div class="flex flex-wrap gap-6 sm:grid-cols-2 sm:gap-6 lg:grid-cols-3 justify-center">
<FeaturesCard <FeaturesCard
title="Cloud Engineer" title="Cloud Engineer"

View File

@@ -36,8 +36,8 @@ const global = await directus.request(readSingleton('site_global'));
alt={global.applications_image_alt} alt={global.applications_image_alt}
/> />
<section class="mx-auto max-w-340 px-4 py-10 sm:px-6 lg:px-8 lg:py-14"> <section class="mx-auto max-w-340 px-4 sm:px-6 lg:px-8 lg:py-14 pb-10">
<main class="relative grid grid-cols-1 md:grid-cols-6 gap-12 p-8 md:p-16 xl:gap-24 max-w-7xl mx-auto"> <main class="relative grid grid-cols-1 md:grid-cols-6 gap-12 p-2 md:p-16 xl:gap-24 max-w-7xl mx-auto">
<div class="space-y-12 col-span-1 md:col-span-6"> <div class="space-y-12 col-span-1 md:col-span-6">
<Applications className="smooth-reveal-2" /> <Applications className="smooth-reveal-2" />
</div> </div>