Everest Page Fix (#872)

percona · Feb 28, 2024 · f4d18b4 · f4d18b4
1 parent 7425e77
commit f4d18b4
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 9 deletions.
diff --git a/assets/scss/projects.scss b/assets/scss/projects.scss
@@ -19,19 +19,21 @@
         padding-left: 4rem;
         padding-right: 4rem;
 
+        max-width: 1600px;
+        margin: 0 auto;
+
         @media screen and (max-width: 760px) {
             padding-left: 2rem;
             padding-right: 2rem; 
         }
-    }
 
-    .grid {
-        margin-bottom: 2rem;
-        margin-top: 2rem;
     }
 
     .section__text {
-        max-width: 1200px;
+        padding-left: 2rem;
+        padding-right: 2rem;
+
+        max-width: 1100px;
         margin: auto;
 
         p {
@@ -54,6 +56,17 @@
 
     }
 
+    .section__padding {
+        padding-bottom: 2rem;
+    }
+
+    .grid {
+        margin-bottom: 2rem;
+        margin-top: 2rem;
+    }
+
+
+
     .block_left {
         padding-top: 0rem;
 
@@ -118,6 +131,15 @@
         hyphens: manual !important;
     }
 
+    .header__center h2 {
+        text-align: center;
+        font-size: 2rem;
+        margin-top: 3rem;
+
+        @media screen and (max-width: 760px) {
+            font-size: 1.5rem;
+        }
+    }
 
     .buttons {
         padding-top: 40px;
@@ -142,6 +164,7 @@
         float: left;
         margin-right: 20px;
         margin-top: 20px;
+        margin-bottom: 20px;
 
         a {
             font-size: 1rem;

diff --git a/content/projects/everest.md b/content/projects/everest.md
@@ -49,7 +49,7 @@ Your databases will come pre-configured with optimal parameters and settings tai
 {{% /wrapper %}}
 {{% /wrapper %}}
 
-{{% wrapper class="section__text" %}}
+{{% wrapper class="section__text header__center section__padding" %}}
 
 ## Who is Percona Everest for?
 
@@ -59,11 +59,12 @@ Your databases will come pre-configured with optimal parameters and settings tai
 
 If you require highly available database clusters with multiple nodes in Kubernetes, Percona Everest is designed to meet your needs.
 
-## What is Percona Everest?
-
 {{% /wrapper %}}
+<hr />
 
-{{% wrapper class="section" %}}
+{{% wrapper class="section header__center section__padding" %}}
+
+## What is Percona Everest?
 
 {{% grid size=2 %}}
 {{% griditem %}}