Make the footer responsive (windmill-labs#316)

fatonramadani · web-flow · commit 8c882e8f8a75 · 2023-09-27T23:27:35.000+02:00
diff --git a/src/landing/Footer.jsx b/src/landing/Footer.jsx
@@ -34,7 +34,7 @@ const navigation = {
 	solutions: [
 		{ name: 'Supabase', href: '/solutions/supabase' },
 		{ name: 'Hubspot', href: '/solutions/hubspot' },
-		{ name: 'Airtable', href: '/solutions/airtable' },
+		{ name: 'Airtable', href: '/solutions/airtable' }
 	]
 };
 
@@ -48,7 +48,7 @@ export default function Footer() {
 				<div className="flex flex-row-reverse flex-wrap justify-between gap-8 lg:gap-20">
 					<div></div>
 
-					<div className="mx-auto grid grid-cols-4 gap-20">
+					<div className="mx-auto grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-20">
 						<div className="">
 							<h3 className="text-sm font-semibold leading-6 text-gray-900 dark:text-gray-100">
 								Support
