Only style feature comp side-by-side layout at medium screen

cdlib · May 14, 2024 · 225a474 · 225a474
1 parent 5403c83
commit 225a474
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/css/components/feature.css b/css/components/feature.css
@@ -9,7 +9,6 @@
   border-top: 3px solid var(--color-gold);
   border-radius: var(--border-block-end-radius);
   background-color: white;
-  container-type: inline-size;
 
   & h1 {
     margin: unset;
@@ -31,6 +30,7 @@
 .c-feature__media {
   grid-column: 1 / 3;
   grid-row: 2;
+  max-block-size: 27rem;
   border: 2px solid black;
 
   & img {
@@ -52,18 +52,18 @@
   & li {
     all: unset;
   }
-  
+
   & a {
     font-size: 1.2rem;
     font-weight: normal;
     text-decoration: none;
-  
+
     &:active,
     &:hover {
       text-decoration: underline;
     }
   }
-  
+
   & strong a {
     display: inline-block;
     padding: 0.5rem 1rem;
@@ -72,7 +72,7 @@
   }  
 }
 
-@media (width > 50rem) {
+@media all and (width >= 50rem) and (not (90rem <= width <= 115rem)) {
   .c-feature {
     grid-template-columns: 1fr 1fr;