Change the grid responsive behavior to prevent overflow. (#221)

vercel · Oct 24, 2022 · c1d51b6 · c1d51b6
1 parent f18139a
commit c1d51b6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/docs/components/clients/Clients.tsx b/docs/components/clients/Clients.tsx
@@ -18,7 +18,7 @@ export function Clients({
   const LogoWrapper = ({ className, children }) => {
     if (!staticWidth) return children;
     return (
-      <div className={cn("w-48 flex items-center justify-center", className)}>
+      <div className={cn("w-48 lg:w-40 flex items-center justify-center", className)}>
         {children}
       </div>
     );

diff --git a/docs/components/pages/landing/index.tsx b/docs/components/pages/landing/index.tsx
@@ -149,7 +149,7 @@ function Teams() {
         Trusted by teams from
         <br className="inline md:hidden" /> around the world
       </p>
-      <div className="z-50 grid grid-rows-3 md:grid-rows-2 lg:grid-rows-1 grid-flow-col">
+      <div className="z-50 grid grid-rows-6 sm:grid-rows-3 md:grid-rows-2 lg:grid-rows-1 grid-flow-col">
         <Clients
           companyList={[
             "Vercel",