From 3e55428ff1d5cbab12b168579080b7d60b20c629 Mon Sep 17 00:00:00 2001
From: Jens L <jens@goauthentik.io>
Date: Thu, 15 Jun 2023 11:15:30 +0200
Subject: [PATCH] website: fix height on pricing page cards (#5963)

* website: fix height on pricing page cards

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* fix spacing and text weight

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* fix typo

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

---------

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
---
 website/src/pages/pricing/index.jsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/website/src/pages/pricing/index.jsx b/website/src/pages/pricing/index.jsx
index 81dc78c76..819849cf1 100644
--- a/website/src/pages/pricing/index.jsx
+++ b/website/src/pages/pricing/index.jsx
@@ -9,13 +9,13 @@ export default function pricingPage() {
             <section>
                 <div
                     className="container"
-                    style={{ marginTop: "2rem", marginBottom: "4rem" }}
+                    style={{ marginTop: "2rem", marginBottom: "2rem" }}
                 >
                     <h1 style={{ textAlign: "center" }}>Pricing</h1>
 
                     <div className={"row"}>
                         <div className={"col col--4 margin-vert--md"}>
-                            <div className="card" style={{ height: "32rem" }}>
+                            <div className="card" style={{ height: "100%" }}>
                                 <div className="card__header">
                                     <h3>Open Source</h3>
                                 </div>
@@ -41,7 +41,7 @@ export default function pricingPage() {
                             </div>
                         </div>
                         <div className={"col col--4 margin-vert--md"}>
-                            <div className="card" style={{ height: "32rem" }}>
+                            <div className="card" style={{ height: "100%" }}>
                                 <div className="card__header">
                                     <h3>Enterprise Self-Hosted</h3>
                                 </div>
@@ -73,7 +73,7 @@ export default function pricingPage() {
                             </div>
                         </div>
                         <div className={"col col--4 margin-vert--md"}>
-                            <div className="card" style={{ height: "32rem" }}>
+                            <div className="card" style={{ height: "100%" }}>
                                 <div className="card__header">
                                     <h3>Enterprise Cloud</h3>
                                 </div>
@@ -116,16 +116,16 @@ export default function pricingPage() {
                 <div className="container" style={{ marginBottom: "3rem" }}>
                     <div class="row">
                         <div className="col col--8 col--offset-2">
-                            <p className="hero__subtitle margin--md">
+                            <h2 className="hero__subtitle margin--md">
                                 Frequently Asked Questions
-                            </p>
+                            </h2>
                             <div class="card-demo margin--md">
                                 <Card
                                     title="Will any feature of the open-source version ever become enterprise?"
                                     body="No. As part of our core principle, we will not move any features from the open source version to the enterprise version. Features from the enterprise version are periodically moved to the open source version."
                                 />
                                 <Card
-                                    title="Cam I get paid support for the open-source version?"
+                                    title="Can I get paid support for the open-source version?"
                                     body="We only offer support as part of an enterprise license. You can get community support on GitHub and Discord for the open-source version."
                                 />
                                 <Card