Merge pull request #2999 from XRPLF/css-conflict-fix

remove conflicting classname

Author: AKCodez

static/css/devportal2024-v1.css

@@ -28,42 +28,49 @@ $custody-logos: "gatehub", "bitgo";
     }
   }
 }
-.modal-uses.exchanges{
-.logo-item{
-  max-height: 58px;
-  margin: 5px;
-  width: 145px;
-  height: 28px;
-  max-width: none;
-}
+
+.modal-uses.exchanges {
+  .logo-item {
+    max-height: 58px;
+    margin: 5px;
+    width: 145px;
+    height: 28px;
+    max-width: none;
+  }
 }
+
 .modal-content-uses {
-  .carbonland-trust{
+  .carbonland-trust {
     max-width: 218px;
   }
-  .first-ledger-bot{
+
+  .first-ledger-bot {
     min-height: 100px !important;
     position: relative;
     bottom: 20px;
     content: url("../img/uses/first-ledger-bot.svg");
   }
-  .orchestra-finance{
+
+  .orchestra-finance {
     min-height: 56px !important;
     content: url("../img/uses/orchestra-finance.svg");
   }
-  .moai-finance{
+
+  .moai-finance {
     min-height: 100px !important;
     position: relative;
     bottom: 20px;
     content: url("../img/uses/moai-finance.svg");
   }
-  .ledger-city{
+
+  .ledger-city {
     margin: 0px !important;
     position: relative;
     bottom: 4px;
     left: 6px;
     max-height: 47px !important;
   }
+
   .zerpmon {
     margin: 0px;
     min-width: 80px;
@@ -225,14 +232,12 @@ html.light {
   left: 0;
   width: 100%;
   height: 1px;
-  background: linear-gradient(
-    90deg,
-    #b480ff -0.32%,
-    #5f00e6 32.7%,
-    #1aa4ff 61.53%,
-    #19ff83 100.32%,
-    #19ff83 100.32%
-  );
+  background: linear-gradient(90deg,
+      #b480ff -0.32%,
+      #5f00e6 32.7%,
+      #1aa4ff 61.53%,
+      #19ff83 100.32%,
+      #19ff83 100.32%);
 }
 
 .content-section {
@@ -309,10 +314,12 @@ html.light {
   border: 0;
   border-top: 1px solid #ccc;
 }
+
 .logo-item.anchain {
   height: 34px !important;
   max-width: 146px !important;
 }
+
 .threezy-logo {
   margin: 4px;
   max-height: 55px !important;
@@ -482,13 +489,11 @@ html.light {
   font-weight: 400;
   font-size: 32px;
   line-height: 38px;
-  background: linear-gradient(
-    90deg,
-    #feff01 0%,
-    #ff2d9a 30.82%,
-    #e24cff 64.01%,
-    #9a52ff 100%
-  );
+  background: linear-gradient(90deg,
+      #feff01 0%,
+      #ff2d9a 30.82%,
+      #e24cff 64.01%,
+      #9a52ff 100%);
 
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
@@ -545,13 +550,11 @@ html.light {
     font-weight: 400;
     font-size: 32px;
     line-height: 38px;
-    background: linear-gradient(
-      90deg,
-      #b480ff -0.32%,
-      #5f00e6 32.7%,
-      #1aa4ff 61.53%,
-      #19ff83 100.32%
-    );
+    background: linear-gradient(90deg,
+        #b480ff -0.32%,
+        #5f00e6 32.7%,
+        #1aa4ff 61.53%,
+        #19ff83 100.32%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
@@ -651,13 +654,15 @@ html.light {
 
   .show-md {
     display: none;
+
     @include media-breakpoint-down(md) {
       display: block;
     }
   }
 
   .hide-md {
     display: block;
+
     @include media-breakpoint-down(md) {
       display: none;
     }
@@ -687,6 +692,7 @@ html.light {
     padding: 4rem 2rem;
     display: grid;
     grid-template-columns: repeat(4, 1fr);
+
     @include media-breakpoint-down(md) {
       display: block;
       height: 100%;
@@ -706,7 +712,7 @@ html.light {
       padding-top: 2rem;
       border-bottom: 2px solid black;
     }
-    
+
   }
 
   .stat-container:last-child {
@@ -741,8 +747,8 @@ html.light {
     border-radius: inherit;
     padding: 1px;
     background: linear-gradient(90deg, #d91aff 26.41%, #1aa4ff 100.32%);
-    mask: 
-      linear-gradient(#fff 0 0) content-box, 
+    mask:
+      linear-gradient(#fff 0 0) content-box,
       linear-gradient(#fff 0 0);
     mask-composite: exclude;
     -webkit-mask-composite: xor;
@@ -873,7 +879,7 @@ html.light {
   }
 
   .prev img {
-    content: url("../img/icons/prev.svg"); 
+    content: url("../img/icons/prev.svg");
   }
 
   .next img {
@@ -932,8 +938,8 @@ html.light {
     text-decoration: none;
   }
 
-  .project-cards a:hover{
-    .project-name{
+  .project-cards a:hover {
+    .project-name {
       color: $purple;
     }
   }
@@ -982,12 +988,7 @@ html.light {
   }
 }
 
-body, .landing.page-uses {
-  overflow-x: hidden; // Prevent horizontal scrolling
-}
-
-.container-new {
-  max-width: 100%; // Ensure container does not exceed viewport width
-  padding: 0 15px; // Add padding to ensure content is not flush with the edges
-  box-sizing: border-box; // Include padding in the element's total width
-}
+body,
+.landing.page-uses {
+  overflow-x: hidden;
+}