From ee7d80cb8baf92d0cb57e8f8f043957d76dd1742 Mon Sep 17 00:00:00 2001
From: Jonathan Hefner <jonathan@hefner.pro>
Date: Wed, 1 Apr 2026 12:21:53 -0500
Subject: [PATCH] Override Mintlify's default `<img>` margins in logo carousel

Mintlify adds 36px top and bottom margins to `<img>` elements in the
main content area. This caused unwanted vertical spacing in the logo
carousel rows. Adding `!my-0` to each `<img>` removes those margins.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 docs/snippets/LogoCarousel.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/snippets/LogoCarousel.jsx b/docs/snippets/LogoCarousel.jsx
index 886f43f..8eff47c 100644
--- a/docs/snippets/LogoCarousel.jsx
+++ b/docs/snippets/LogoCarousel.jsx
@@ -325,8 +325,8 @@ export const LogoCarousel = () => {
           {row1Doubled.map((logo, i) => (
             <div key={`${logo.name}-${i}`} style={{ width: 150 * (logo.scale || 1), maxWidth: "100%" }}>
               <a href={logo.url} className="block no-underline border-none w-full h-full">
-                <img className="block dark:hidden object-contain w-full h-full" src={logo.lightSrc} alt={logo.name} noZoom />
-                <img className="hidden dark:block object-contain w-full h-full" src={logo.darkSrc} alt={logo.name} noZoom />
+                <img className="block dark:hidden object-contain w-full h-full !my-0" src={logo.lightSrc} alt={logo.name} noZoom />
+                <img className="hidden dark:block object-contain w-full h-full !my-0" src={logo.darkSrc} alt={logo.name} noZoom />
               </a>
             </div>
           ))}
@@ -337,8 +337,8 @@ export const LogoCarousel = () => {
           {row2Doubled.map((logo, i) => (
             <div key={`${logo.name}-${i}`} style={{ width: 150 * (logo.scale || 1), maxWidth: "100%" }}>
               <a href={logo.url} className="block no-underline border-none w-full h-full">
-                <img className="block dark:hidden object-contain w-full h-full" src={logo.lightSrc} alt={logo.name} noZoom />
-                <img className="hidden dark:block object-contain w-full h-full" src={logo.darkSrc} alt={logo.name} noZoom />
+                <img className="block dark:hidden object-contain w-full h-full !my-0" src={logo.lightSrc} alt={logo.name} noZoom />
+                <img className="hidden dark:block object-contain w-full h-full !my-0" src={logo.darkSrc} alt={logo.name} noZoom />
               </a>
             </div>
           ))}