more qa changes

XRPLF · Nov 16, 2023 · b10e10f · b10e10f
1 parent 0cfa92f
commit b10e10f
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 8 deletions.
diff --git a/assets/css/devportal2022-v25.css b/assets/css/devportal2022-v25.css
diff --git a/styles/_contribute.scss b/styles/_contribute.scss
@@ -57,6 +57,10 @@
         background-clip: text;
         color: transparent;
     }
+    .middle-image-two{
+        margin: 0 auto;
+        height: 52px;
+    }
 
     .gradient-num-two {
         background: linear-gradient(35deg, #EA80FF -0.3%, #80CCFF 99.7%);
@@ -81,6 +85,24 @@
         font-weight: 400;
     }
 
+    .surround-gradient-two {
+        background: linear-gradient(35deg, #EA80FF -0.3%, #80CCFF 99.7%);
+        -webkit-background-clip: text;
+        background-clip: text;
+        color: transparent;
+        font-size: 40px;
+        font-weight: 400;
+    }
+
+    .surround-gradient-three {
+        background: linear-gradient(35deg, #84F0B6 -0.3%, #B480FF 99.7%);
+        -webkit-background-clip: text;
+        background-clip: text;
+        color: transparent;
+        font-size: 40px;
+        font-weight: 400;
+    }
+
     .main-title {
         color: var(--black-black-0, #FFF);
         text-align: center;
@@ -148,6 +170,8 @@
 
         @media (max-width: 768px) {
             margin: 0;
+            padding: 20px;
+            margin-top: 100px !important;
         }
     }
 
@@ -464,7 +488,9 @@
         flex-wrap: wrap;
         justify-content: space-between;
         max-width: 1280px;
-        margin: 0 auto;
+        margin: 100px auto;
+        padding-right: 54px;
+        padding-left: 73px;
         margin-top: 120px;
     }
 
@@ -512,6 +538,7 @@
             flex-direction: column;
             align-items: start;
             text-align: start;
+            padding-left: 7px;
         }
     }
 
@@ -586,9 +613,7 @@
 
         @media (max-width: 768px) {
             margin: 0 auto; // Remove margin on small screens
-            position: relative;
             width: 86%;
-            right: 11px;
         }
     }
 
@@ -679,6 +704,9 @@
         flex-direction: column;
         gap: 4px;
 
+        @media (max-width: 768px) {
+            left: 7px;
+        }
         span {
             color: #FFF;
             font-family: Work Sans;

diff --git a/template/page-community.html.jinja b/template/page-community.html.jinja
@@ -162,14 +162,16 @@
             </div>
             <div class="stat">
                 <span class="small-text">teams awarded globally</span>
-                <div class="number gradient-num-two" >120+
+                <div class="number gradient-num-two" >120
+                                  <span class="surround-gradient-two">+</span>
                 </div>
                 <div class="ml-14 stat-separator"></div>
             </div>
         </div>
         <div class="stat">
             <span class="small-text">countries represented</span>
-            <div class="number gradient-num-three">28+
+            <div class="number gradient-num-three">28
+                              <span class="surround-gradient-three">+</span>
             </div>
             <div class="ml-19 stat-separator"></div>
         </div>
@@ -202,7 +204,7 @@
         </div>
         <div class="project-card bottom-right">
               <div class="card-image">
-              <img class="middle-image" src="./assets/img/community/xrp-cafe.png" />
+              <img class="middle-image-two" src="./assets/img/community/xrp-cafe.png" />
               </div>
             <div class="card-details">
               <h6 class="project-title">XRPCafe</h6>