feedback changes

knative · Aug 7, 2024 · 567e421 · 567e421
1 parent 04513fa
commit 567e421
Showing 1 changed file with 19 additions and 11 deletions.
diff --git a/overrides/assets/stylesheets/home.css b/overrides/assets/stylesheets/home.css
@@ -492,11 +492,15 @@ position: relative;
 
 @media (max-width: 800px) {
  .case-studies-container .cases-table {
-
  justify-content: center;
  align-items: center; 
  max-width: 100%;
  }
+
+ .case-studies-container .cases-table .col{
+ max-width: 50%;
+ }
+
  .case-studies-container .cases-table a {
  display: flex;
  flex: 1 1 90vw;
@@ -507,10 +511,10 @@ position: relative;
  }
 }
 
-@media (max-width: 576px) {
+@media (max-width: 600px) {
  .case-studies-container .cases-table a {
  flex: 1 1 90vw;
- min-width: 500px;
+ min-width: 650px;
  max-width: 90vw;
  }
 
@@ -528,6 +532,18 @@ position: relative;
  }
 }
 
+@media (max-width: 375px){
+ .case-studies-container .cases-table a {
+ flex: 1 1 90vw;
+ min-width: 350px;
+ max-width: 90vw;
+ }
+
+ .case-studies-container .cases-table .col{
+ max-width: 90%;
+ }
+}
+
 /* whats next container css */
 .whats-next-container .component-flex {
  display: flex;
@@ -624,14 +640,6 @@ position: relative;
  .knative-components-container .components-content .components-img {
  max-width: 100%;
  }
-
- .case-studies-container .col {
- max-width: 50%;
- }
-
- .case-studies-container .col .normal-text {
- padding-right: .5em;
- }
 }
 
 /* No next/prev links on home page so make sure next/prev area of footer collapses nicely */