only 3 cards per row

Tianyou-Song · Tianyou-Song · commit beb0d1474894 · 2024-10-04T10:21:45.000-07:00
diff --git a/src/components/landing-page-components/context-providers/mobile-context-provider.jsx b/src/components/landing-page-components/context-providers/mobile-context-provider.jsx
@@ -26,4 +26,4 @@ export const MobileContextProvider = ({ children }) => {
     </MobileContext.Provider>
   );
 };
-export const useIsMobile = () => useContext(MobileContext);
+export const useIsMobile = () => useContext(MobileContext);
diff --git a/src/components/landing-page-components/sections/landing-page-features-card.jsx b/src/components/landing-page-components/sections/landing-page-features-card.jsx
@@ -77,8 +77,11 @@ const LandingPageFeaturesCard = () => {
             className={isMobile ?
               "flex justify-center w-full"
               :
-              "flex justify-center max-w-[20rem] h-[23rem]"
+              "flex justify-center max-w-[26%] min-w-[20rem] h-[23rem]"
             }
+            // style={{
+            //   maxWidth: isMobile ? "100%" : "26%",
+            // }}
           >
             <LandingPageFeatureCard
               iconSrc={feature.iconSrc}

Original file line number	Diff line number	Diff line change
`@@ -77,8 +77,11 @@ const LandingPageFeaturesCard = () => {`
`77`	`77`	`className={isMobile ?`
`78`	`78`	`"flex justify-center w-full"`
`79`	`79`	`:`
`80`		`- "flex justify-center max-w-[20rem] h-[23rem]"`
	`80`	`+ "flex justify-center max-w-[26%] min-w-[20rem] h-[23rem]"`
`81`	`81`	`}`
	`82`	`+ // style={{`
	`83`	`+ // maxWidth: isMobile ? "100%" : "26%",`
	`84`	`+ // }}`
`82`	`85`	`>`
`83`	`86`	`<LandingPageFeatureCard`
`84`	`87`	`iconSrc={feature.iconSrc}`