diff --git a/src/components/partners/index.js b/src/components/partners/index.js
index 2ef3107..5702118 100644
--- a/src/components/partners/index.js
+++ b/src/components/partners/index.js
@@ -9,7 +9,7 @@ const Partners = () => {
         To make a bleeding edge appilcation you need amazing providers to make
         it imaginable and practical
       </HeadingThree>
-      <div className="grid grid-cols-4 gap-1">
+      <div className="grid lg:grid-cols-4 gap-1 sm:grid-cols-1">
         {constants.partners.map((p, i) => (
           <a
             target="_blank"