apply suggestion

Tanujkanti4441 · Tanujkanti4441 · commit f2ec40bca2cb · 2025-01-01T12:20:44.000+05:30
diff --git a/docs/src/assets/scss/components/rules.scss b/docs/src/assets/scss/components/rules.scss
@@ -34,7 +34,7 @@
             }
         }
 
-        @media screen and (min-width: 800px) and (max-width: 853px), screen and (min-width: 1024px) and (max-width: 1255px), screen and (min-width: 1654px) {
+        @media screen and (min-width: 800px) and (max-width: 853px), screen and (min-width: 1024px) and (max-width: 1255px), screen and (min-width: 1654px) and (max-width: 1982px) {
             &:nth-child(4)::after {
                 height: 70%;
                 position: absolute;
@@ -44,15 +44,15 @@
 
     .rule-category__description {
         flex: 1 1 45ch;
+        height: 100%;
     }
 }
 
 .rule-category {
     font-size: var(--step--1);
     display: flex;
-    flex-direction: column;
-    height: 8.5rem;
     position: relative;
+    flex-wrap: wrap;
     align-items: flex-start;
     gap: 1rem;
     padding: 1rem;

Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@`
`34`	`34`	`}`
`35`	`35`	`}`
`36`	`36`
`37`		`- @media screen and (min-width: 800px) and (max-width: 853px), screen and (min-width: 1024px) and (max-width: 1255px), screen and (min-width: 1654px) {`
	`37`	`+ @media screen and (min-width: 800px) and (max-width: 853px), screen and (min-width: 1024px) and (max-width: 1255px), screen and (min-width: 1654px) and (max-width: 1982px) {`
`38`	`38`	`&:nth-child(4)::after {`
`39`	`39`	`height: 70%;`
`40`	`40`	`position: absolute;`
`@@ -44,15 +44,15 @@`
`44`	`44`
`45`	`45`	`.rule-category__description {`
`46`	`46`	`flex: 1 1 45ch;`
	`47`	`+ height: 100%;`
`47`	`48`	`}`
`48`	`49`	`}`
`49`	`50`
`50`	`51`	`.rule-category {`
`51`	`52`	`font-size: var(--step--1);`
`52`	`53`	`display: flex;`
`53`		`- flex-direction: column;`
`54`		`- height: 8.5rem;`
`55`	`54`	`position: relative;`
	`55`	`+ flex-wrap: wrap;`
`56`	`56`	`align-items: flex-start;`
`57`	`57`	`gap: 1rem;`
`58`	`58`	`padding: 1rem;`