From 9a2616de1eb25cc9356569ef7f08dbdb6b54747b Mon Sep 17 00:00:00 2001 From: "Vega, Obed" Date: Wed, 11 Jun 2025 12:19:52 -0700 Subject: [PATCH 1/3] fix(styles): set columns for better layout --- src/components/DevelopersHomepage/styles.module.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/src/components/DevelopersHomepage/styles.module.css b/src/components/DevelopersHomepage/styles.module.css index 0fbea8b5d43..8416dada1e3 100644 --- a/src/components/DevelopersHomepage/styles.module.css +++ b/src/components/DevelopersHomepage/styles.module.css @@ -81,7 +81,7 @@ a.col { } .col { - --ifm-col-width: 50% !important; + --ifm-col-width: 50%; } .col2 { @@ -133,6 +133,8 @@ a.col { .pad{ padding: 16px 0 8px 0; + min-width: 180px; + max-width: 180px; } .dot{ @@ -340,4 +342,11 @@ a.col { .customBullets li::marker { color: var(--Primary-Orange, #FF5F02); font-size: 13px; +} + +@media screen and (min-width: 996px) and (max-width: 1222px) { + .col { + flex: 0 0 50%; + max-width: 50%; + } } \ No newline at end of file From a68c44f0ec1215b223bc4cfa9ca85edc2891f452 Mon Sep 17 00:00:00 2001 From: "Vega, Obed" Date: Wed, 11 Jun 2025 22:33:36 -0700 Subject: [PATCH 2/3] fix(styles): set columns for better layout-1 --- src/components/DevelopersHomepage/TopPicks.js | 2 +- src/components/DevelopersHomepage/styles.module.css | 11 +++++++++++ 2 files changed, 12 insertions(+), 1 deletion(-) diff --git a/src/components/DevelopersHomepage/TopPicks.js b/src/components/DevelopersHomepage/TopPicks.js index e03354ab721..b4dfe2e520b 100644 --- a/src/components/DevelopersHomepage/TopPicks.js +++ b/src/components/DevelopersHomepage/TopPicks.js @@ -19,7 +19,7 @@ function FeatureStayUpToDate({ img, img2, title, description, href }) { {title} - {description &&

{description}

} + {description &&

{description}

} ); diff --git a/src/components/DevelopersHomepage/styles.module.css b/src/components/DevelopersHomepage/styles.module.css index 8416dada1e3..4ba90ac3342 100644 --- a/src/components/DevelopersHomepage/styles.module.css +++ b/src/components/DevelopersHomepage/styles.module.css @@ -349,4 +349,15 @@ a.col { flex: 0 0 50%; max-width: 50%; } +} + +@media screen and (min-width: 1025px) { + .text{ + height: 156px; + } +} +@media screen and (min-width: 1225px) { + .text{ + height: 130px; + } } \ No newline at end of file From 99a665acb3b55e1695e58f223d824e5590aa9c94 Mon Sep 17 00:00:00 2001 From: "Vega, Obed" Date: Thu, 12 Jun 2025 14:34:14 -0700 Subject: [PATCH 3/3] remove text class --- src/components/DevelopersHomepage/TopPicks.js | 2 +- src/components/DevelopersHomepage/styles.module.css | 11 ----------- 2 files changed, 1 insertion(+), 12 deletions(-) diff --git a/src/components/DevelopersHomepage/TopPicks.js b/src/components/DevelopersHomepage/TopPicks.js index b4dfe2e520b..e03354ab721 100644 --- a/src/components/DevelopersHomepage/TopPicks.js +++ b/src/components/DevelopersHomepage/TopPicks.js @@ -19,7 +19,7 @@ function FeatureStayUpToDate({ img, img2, title, description, href }) { {title} - {description &&

{description}

} + {description &&

{description}

} ); diff --git a/src/components/DevelopersHomepage/styles.module.css b/src/components/DevelopersHomepage/styles.module.css index 4ba90ac3342..58d3088f215 100644 --- a/src/components/DevelopersHomepage/styles.module.css +++ b/src/components/DevelopersHomepage/styles.module.css @@ -350,14 +350,3 @@ a.col { max-width: 50%; } } - -@media screen and (min-width: 1025px) { - .text{ - height: 156px; - } -} -@media screen and (min-width: 1225px) { - .text{ - height: 130px; - } -} \ No newline at end of file