fix: assets header responsive

sstefdev · sstefdev · commit 6b9c508d823d · 2024-02-21T01:00:23.000+01:00
diff --git a/src/components/common/Integration/styles.module.scss b/src/components/common/Integration/styles.module.scss
@@ -7,9 +7,17 @@
   gap: 48px;
   width: 100%;
 
+  @media only screen and (max-width: 768px) {
+    gap: 16px;
+  }
+
   h2 {
     font-size: 36px;
     color: #252525;
+
+    @media only screen and (max-width: 768px) {
+      font-size: 20px;
+    }
   }
 
   .list {
@@ -26,7 +34,6 @@
     }
 
     @media only screen and (max-width: 768px) {
-      margin-top: 3rem;
       grid-template-columns: repeat(1, minmax(0, 1fr));
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -7,9 +7,17 @@`
`7`	`7`	`gap: 48px;`
`8`	`8`	`width: 100%;`
`9`	`9`
	`10`	`+ @media only screen and (max-width: 768px) {`
	`11`	`+ gap: 16px;`
	`12`	`+ }`
	`13`	`+`
`10`	`14`	`h2 {`
`11`	`15`	`font-size: 36px;`
`12`	`16`	`color: #252525;`
	`17`	`+`
	`18`	`+ @media only screen and (max-width: 768px) {`
	`19`	`+ font-size: 20px;`
	`20`	`+ }`
`13`	`21`	`}`
`14`	`22`
`15`	`23`	`.list {`
`@@ -26,7 +34,6 @@`
`26`	`34`	`}`
`27`	`35`
`28`	`36`	`@media only screen and (max-width: 768px) {`
`29`		`- margin-top: 3rem;`
`30`	`37`	`grid-template-columns: repeat(1, minmax(0, 1fr));`
`31`	`38`	`}`
`32`	`39`	`}`