WIP responsive CSS

not quite working, but breapoint now honoured again
couchbase · Jul 8, 2024 · 03d664f · 03d664f
1 parent ce64bb6
commit 03d664f
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/css/landing-page.css b/src/css/landing-page.css
@@ -291,13 +291,13 @@
   padding: 2em 1.25em;
 }
 
-.doc.landing-page-capella .tabpanel > .text-tabs-container {
+.doc.landing-page-capella .tabs.responsive .tabpanel {
   flex-direction: column;
   padding: 2rem 4rem 2rem 1rem;
   width: 50%;
 }
 
-.doc.landing-page-capella .tabpanel > .text-tabs-container > .paragraph > p > a {
+.doc.landing-page-capella .tabs.responsive .tabpanel .paragraph > p > a {
   font-weight: var(--weight-semibold);
 }
 
@@ -386,7 +386,7 @@
     display: block;
   }
 
-  .doc.landing-page-capella .tabpanel > .text-tabs-container {
+  .doc.landing-page-capella .tabs.responsive .tabpanel {
     flex-direction: column;
     width: 100%;
   }
@@ -415,7 +415,7 @@
     display: block;
   }
 
-  .doc.landing-page-capella .tabpanel > .text-tabs-container {
+  .doc.landing-page-capella .tabs.responsive .tabpanel {
     flex-direction: column;
     width: 100%;
   }
@@ -445,7 +445,7 @@
     padding: 2em 1.25em;
   }
 
-  .doc.landing-page-capella .tabpanel > .text-tabs-container {
+  .doc.landing-page-capella .tabs.responsive .tabpanel {
     flex-direction: column;
     width: 100%;
   }
@@ -464,7 +464,7 @@
 }
 
 @media screen and (min-width: 1700px) {
-  .doc.landing-page-capella .tabpanel > .text-tabs-container {
+  .doc.landing-page-capella .tabs.responsive .tabpanel {
     width: 50%;
   }