Updation of style.css v6

Author: vardhansanagapalli

style.css

@@ -1305,18 +1305,24 @@ section {
   white-space: nowrap;
 }
 
+}
+@media (max-width:1228px){
+  .domain-card {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    width: 50%;
+    min-width: 650px;
+    height: 300px;
+  }
 }
 @media(max-width:809px){
   .domain-card{
     padding: 15px;
   }
 }
-@media(max-width:769px){
-  .domain-card p {
-    font-size: 0.8rem;
-    margin-bottom: 0.5px;
-}
-}
+
 @media (max-width:706px){
   .footer-1 .button {
     padding: 5px 5px;
@@ -1333,32 +1339,31 @@ section {
   }
 }
 @media(max-width:667px){
-  .domain-card h2 {
-    font-size: 1rem;
-    margin-bottom: 10px;
-    margin-top: 0;
-}
-}
-@media(max-width:530px){
-  .domain-card h2 {
-    font-size: 0.8rem;
-    margin-bottom: 8px;
-    margin-top: 0;
-}
-.domain-card p {
-  font-size: 0.7rem;
-  margin-bottom: 0.5px;
+  .domain-card {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    width: 50%;
+    min-width: 550px;
+    height: 300px;
+  }
 }
+@media(max-width:556px){
+  .domain-card {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    width: 50%;
+    min-width: 400px;
+    height: 300px;
+  }
 }
-@media(max-width:458px){
-
-.domain-card .people img {
-  width: 25px;
-  height: 25px;
-  border-radius: 50%;
-  border: 2px solid white;
-  margin-left: -10px;
-  position: relative;
+@media (max-width:450px){
+  .event-card {
+    width: 100%;
+    margin: 10px 0;
 }
 }
 /* Media Query: Max-width 426px */
@@ -1404,23 +1409,14 @@ section {
     cursor: pointer;
   }
 
-  .domain-card h2 {
-    font-size: 0.8rem;
-    margin-bottom: 8px;
-    margin-top: 0;
-}
-.domain-card p {
-  font-size: 0.7rem;
-  margin-bottom: 0.5px;
-}
-
-.domain-card .people img {
-  width: 25px;
-  height: 25px;
-  border-radius: 50%;
-  border: 2px solid white;
-  margin-left: -10px;
+.domain-card {
   position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  width: 50%;
+  min-width: 300px;
+  height: 350px;
 }
 
   .events-container {
@@ -1480,24 +1476,6 @@ section {
   color: white;
   white-space: nowrap;
 }
-.domain-card h2 {
-  font-size: 0.8rem;
-  margin-bottom: 5px;
-  margin-top: 0;
-}
-.domain-card p {
-font-size: 0.6rem;
-margin-bottom: 0.5px;
-}
-
-.domain-card .people img {
-width: 25px;
-height: 25px;
-border-radius: 50%;
-border: 2px solid white;
-margin-left: -10px;
-position: relative;
-}
 .executive-body .profile-pics img {
   width: 50px;
   height: 50px;
@@ -1506,6 +1484,7 @@ position: relative;
   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
   transform: translateX(-5px);
 }
+
 /* Events Container */
 .events-container {
   display: grid;
@@ -1581,25 +1560,16 @@ position: relative;
 }
 /* Media Query: Max-width 375px */
 @media (max-width: 377px) {
+  .domain-card {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    width: 50%;
+    min-width: 280px;
+    height: 350px;
+  }
 
-.domain-card h2 {
-  font-size: 0.7rem;
-  margin-bottom: 4px;
-  margin-top: 0;
-}
-.domain-card p {
-font-size: 0.55rem;
-margin-bottom: 0.5px;
-}
-
-.domain-card .people img {
-width: 20px;
-height: 20px;
-border-radius: 50%;
-border: 2px solid white;
-margin-left: -10px;
-position: relative;
-}
 .executive-body .profile-pics img {
   width: 40px;
   height:40px;
@@ -1652,16 +1622,6 @@ position: relative;
     font-size: 30px;
     cursor: pointer;
   }
-
-  .domain-card h2 {
-    font-size: 1rem;
-    margin-bottom: 8px;
-    margin-top: 0;
-  }
-
-  .domain-card p {
-    font-size: 0.6rem;
-  }
   .executive-body .profile-pics img {
     width: 35px;
     height: 35px;