From b33abaa4ff897ca49ff6edfaee456e4624dde391 Mon Sep 17 00:00:00 2001
From: Bence Markus <23279421+mrksbnc@users.noreply.github.com>
Date: Tue, 27 Jan 2026 22:02:35 +0100
Subject: [PATCH 1/4] refactor: home page style updates

---
 .../src/components/HomepageFeatures/index.tsx | 24 ++++----
 .../HomepageFeatures/styles.module.css        | 61 +++++++++++++++++--
 2 files changed, 70 insertions(+), 15 deletions(-)

diff --git a/website/src/components/HomepageFeatures/index.tsx b/website/src/components/HomepageFeatures/index.tsx
index ac2ee2e..320a6df 100644
--- a/website/src/components/HomepageFeatures/index.tsx
+++ b/website/src/components/HomepageFeatures/index.tsx
@@ -40,18 +40,20 @@ const FeatureList: FeatureItem[] = [
   },
 ];
 
-function Feature({ title, imgSrc, img, description, buttonHref, buttonText }: FeatureItem) {
+function Feature({ title, imgSrc, img, description, buttonHref, buttonText }: FeatureItem): JSX.Element {
   return (
-    <div className={clsx('col col--4')}>
-      <div className="text--center">{img ? img : <img src={imgSrc} className={styles.featureSvg} role="img" />}</div>
-      <div className="padding-horiz--md">
-        <Heading as="h3">{title}</Heading>
+    <div className={styles.featureCol}>
+      <div>
+        {img ? img : <img src={imgSrc} className={styles.featureSvg} role="img" />}
+        <Heading as="h3" className={styles.featureHeading}>
+          {title}
+        </Heading>
         <p>{description}</p>
-        <div className={styles.buttons}>
-          <Link href={buttonHref} className="button button--secondary button--lg">
-            {buttonText}
-          </Link>
-        </div>
+      </div>
+      <div className={styles.buttons}>
+        <Link href={buttonHref} className="button button--secondary button--lg">
+          {buttonText}
+        </Link>
       </div>
     </div>
   );
@@ -61,7 +63,7 @@ export default function HomepageFeatures(): JSX.Element {
   return (
     <section className={styles.features}>
       <div className="container">
-        <div className="row">
+        <div className={styles.featureList}>
           {FeatureList.map((props, idx) => (
             <Feature key={idx} {...props} />
           ))}
diff --git a/website/src/components/HomepageFeatures/styles.module.css b/website/src/components/HomepageFeatures/styles.module.css
index 23a97ae..53446e9 100644
--- a/website/src/components/HomepageFeatures/styles.module.css
+++ b/website/src/components/HomepageFeatures/styles.module.css
@@ -1,8 +1,8 @@
 .features {
+  width: 100%;
   display: flex;
   align-items: center;
-  padding: 2rem 0;
-  width: 100%;
+  padding-bottom: 2rem;
 }
 
 .featureSvg {
@@ -11,6 +11,59 @@
 }
 
 .featureImg {
-  height: 400px;
-  width: 400px;
+  width: 100%;
+  max-width: 400px;
+  height: auto;
+  border-radius: 0.75rem;
+  display: block;
+  margin: 0 auto;
+}
+
+.featureCol {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  max-width: 400px;
+  width: 100%;
+}
+
+.featureList {
+  gap: 0.5rem;
+  display: flex;
+  padding-top: 2rem;
+}
+
+.featureCol > div:first-child {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+}
+
+.featureCol h3,
+.featureCol p {
+  width: 100%;
+  text-align: left;
+}
+
+.featureHeading {
+  font-size: 1.5rem;
+  padding-top: 0.75rem;
+}
+
+.buttons {
+  width: 100%;
+  margin-top: 1rem;
+}
+
+@media screen and (max-width: 768px) {
+  .featureList {
+    flex-direction: column;
+    align-items: center;
+    gap: 2rem;
+  }
+
+  .featureCol {
+    width: 100%;
+    max-width: 400px;
+  }
 }

From 65a47d64eece5d1af9b6417ff2f3d55e6334979c Mon Sep 17 00:00:00 2001
From: Bence Markus <23279421+mrksbnc@users.noreply.github.com>
Date: Tue, 27 Jan 2026 22:40:46 +0100
Subject: [PATCH 2/4] chore: feature img fixe

---
 website/src/components/HomepageFeatures/styles.module.css | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/website/src/components/HomepageFeatures/styles.module.css b/website/src/components/HomepageFeatures/styles.module.css
index 53446e9..3b070e3 100644
--- a/website/src/components/HomepageFeatures/styles.module.css
+++ b/website/src/components/HomepageFeatures/styles.module.css
@@ -11,12 +11,9 @@
 }
 
 .featureImg {
-  width: 100%;
-  max-width: 400px;
-  height: auto;
+  width: 400px;
+  height: 400px;
   border-radius: 0.75rem;
-  display: block;
-  margin: 0 auto;
 }
 
 .featureCol {

From d92aabac0d100eac9c466c444d18f3b92aa27b14 Mon Sep 17 00:00:00 2001
From: Bence Markus <23279421+mrksbnc@users.noreply.github.com>
Date: Tue, 27 Jan 2026 22:41:11 +0100
Subject: [PATCH 3/4] style fixes and cleanup

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c45925c..efde4ff 100644
--- a/package.json
+++ b/package.json
@@ -14,5 +14,5 @@
   "devDependencies": {
     "prettier": "^3.8.1"
   },
-  "packageManager": "pnpm@10.5.2+sha512.da9dc28cd3ff40d0592188235ab25d3202add8a207afbedc682220e4a0029ffbff4562102b9e6e46b4e3f9e8bd53e6d05de48544b0c57d4b0179e22c76d1199b"
+  "packageManager": "pnpm@10.28.1"
 }

From c8274d9f239e60a8347d93de378a2b2a7e6607f3 Mon Sep 17 00:00:00 2001
From: Bence Markus <23279421+mrksbnc@users.noreply.github.com>
Date: Wed, 28 Jan 2026 10:42:38 +0100
Subject: [PATCH 4/4] chore: re-run corepack use 10.28.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index efde4ff..2936ca7 100644
--- a/package.json
+++ b/package.json
@@ -14,5 +14,5 @@
   "devDependencies": {
     "prettier": "^3.8.1"
   },
-  "packageManager": "pnpm@10.28.1"
+  "packageManager": "pnpm@10.28.1+sha512.7d7dbbca9e99447b7c3bf7a73286afaaf6be99251eb9498baefa7d406892f67b879adb3a1d7e687fc4ccc1a388c7175fbaae567a26ab44d1067b54fcb0d6a316"
 }