Impove css media queries

ita-social-projects · Nov 1, 2024 · 8bb2dc3 · 8bb2dc3
1 parent 2dbb1dc
commit 8bb2dc3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 20 deletions.
diff --git a/FrontEnd/src/components/CompanyCard/CompanyCard.module.css b/FrontEnd/src/components/CompanyCard/CompanyCard.module.css
@@ -190,18 +190,9 @@
 }
 
 @media only screen and (min-width: 1200px) {
-  .company-card {
-    width: 302px;
-  }
-
-  .company-card__image-frame {
-    width: 302px;
-  }
-
-  .company-card__image {
-    width: 302px;
-  }
-
+  .company-card,
+  .company-card__image-frame,
+  .company-card__image,
   .company-card__text-block {
     width: 302px;
   }

diff --git a/FrontEnd/src/pages/LandingPage/Companies/Companies.module.css b/FrontEnd/src/pages/LandingPage/Companies/Companies.module.css
@@ -50,13 +50,11 @@
 }
 
 @media only screen and (min-width: 768px) {
-  .new-companies-main {
-    width: 768px;
-  }
-
+  .new-companies-main,
   .new-companies-block {
     width: 768px;
   }
+
   .new-companies-main__title {
     font-size: 40px;
   }
@@ -66,13 +64,11 @@
 }
 
 @media only screen and (min-width: 1200px) {
-  .new-companies-main {
-    width: 1512px;
-  }
-
+  .new-companies-main,
   .new-companies-block {
     width: 1512px;
   }
+
   .new-companies-main__title {
     padding-left: 100px;
   }