Skip to content

Commit 9c3f264

Browse files
Updation of style.css v6
1 parent 5e8a2b2 commit 9c3f264

File tree

1 file changed

+52
-92
lines changed

1 file changed

+52
-92
lines changed

style.css

Lines changed: 52 additions & 92 deletions
Original file line numberDiff line numberDiff line change
@@ -1305,18 +1305,24 @@ section {
13051305
white-space: nowrap;
13061306
}
13071307

1308+
}
1309+
@media (max-width:1228px){
1310+
.domain-card {
1311+
position: relative;
1312+
display: flex;
1313+
flex-direction: column;
1314+
justify-content: flex-start;
1315+
width: 50%;
1316+
min-width: 650px;
1317+
height: 300px;
1318+
}
13081319
}
13091320
@media(max-width:809px){
13101321
.domain-card{
13111322
padding: 15px;
13121323
}
13131324
}
1314-
@media(max-width:769px){
1315-
.domain-card p {
1316-
font-size: 0.8rem;
1317-
margin-bottom: 0.5px;
1318-
}
1319-
}
1325+
13201326
@media (max-width:706px){
13211327
.footer-1 .button {
13221328
padding: 5px 5px;
@@ -1333,32 +1339,31 @@ section {
13331339
}
13341340
}
13351341
@media(max-width:667px){
1336-
.domain-card h2 {
1337-
font-size: 1rem;
1338-
margin-bottom: 10px;
1339-
margin-top: 0;
1340-
}
1341-
}
1342-
@media(max-width:530px){
1343-
.domain-card h2 {
1344-
font-size: 0.8rem;
1345-
margin-bottom: 8px;
1346-
margin-top: 0;
1347-
}
1348-
.domain-card p {
1349-
font-size: 0.7rem;
1350-
margin-bottom: 0.5px;
1342+
.domain-card {
1343+
position: relative;
1344+
display: flex;
1345+
flex-direction: column;
1346+
justify-content: flex-start;
1347+
width: 50%;
1348+
min-width: 550px;
1349+
height: 300px;
1350+
}
13511351
}
1352+
@media(max-width:556px){
1353+
.domain-card {
1354+
position: relative;
1355+
display: flex;
1356+
flex-direction: column;
1357+
justify-content: flex-start;
1358+
width: 50%;
1359+
min-width: 400px;
1360+
height: 300px;
1361+
}
13521362
}
1353-
@media(max-width:458px){
1354-
1355-
.domain-card .people img {
1356-
width: 25px;
1357-
height: 25px;
1358-
border-radius: 50%;
1359-
border: 2px solid white;
1360-
margin-left: -10px;
1361-
position: relative;
1363+
@media (max-width:450px){
1364+
.event-card {
1365+
width: 100%;
1366+
margin: 10px 0;
13621367
}
13631368
}
13641369
/* Media Query: Max-width 426px */
@@ -1404,23 +1409,14 @@ section {
14041409
cursor: pointer;
14051410
}
14061411

1407-
.domain-card h2 {
1408-
font-size: 0.8rem;
1409-
margin-bottom: 8px;
1410-
margin-top: 0;
1411-
}
1412-
.domain-card p {
1413-
font-size: 0.7rem;
1414-
margin-bottom: 0.5px;
1415-
}
1416-
1417-
.domain-card .people img {
1418-
width: 25px;
1419-
height: 25px;
1420-
border-radius: 50%;
1421-
border: 2px solid white;
1422-
margin-left: -10px;
1412+
.domain-card {
14231413
position: relative;
1414+
display: flex;
1415+
flex-direction: column;
1416+
justify-content: flex-start;
1417+
width: 50%;
1418+
min-width: 300px;
1419+
height: 350px;
14241420
}
14251421

14261422
.events-container {
@@ -1480,24 +1476,6 @@ section {
14801476
color: white;
14811477
white-space: nowrap;
14821478
}
1483-
.domain-card h2 {
1484-
font-size: 0.8rem;
1485-
margin-bottom: 5px;
1486-
margin-top: 0;
1487-
}
1488-
.domain-card p {
1489-
font-size: 0.6rem;
1490-
margin-bottom: 0.5px;
1491-
}
1492-
1493-
.domain-card .people img {
1494-
width: 25px;
1495-
height: 25px;
1496-
border-radius: 50%;
1497-
border: 2px solid white;
1498-
margin-left: -10px;
1499-
position: relative;
1500-
}
15011479
.executive-body .profile-pics img {
15021480
width: 50px;
15031481
height: 50px;
@@ -1506,6 +1484,7 @@ position: relative;
15061484
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
15071485
transform: translateX(-5px);
15081486
}
1487+
15091488
/* Events Container */
15101489
.events-container {
15111490
display: grid;
@@ -1581,25 +1560,16 @@ position: relative;
15811560
}
15821561
/* Media Query: Max-width 375px */
15831562
@media (max-width: 377px) {
1563+
.domain-card {
1564+
position: relative;
1565+
display: flex;
1566+
flex-direction: column;
1567+
justify-content: flex-start;
1568+
width: 50%;
1569+
min-width: 280px;
1570+
height: 350px;
1571+
}
15841572

1585-
.domain-card h2 {
1586-
font-size: 0.7rem;
1587-
margin-bottom: 4px;
1588-
margin-top: 0;
1589-
}
1590-
.domain-card p {
1591-
font-size: 0.55rem;
1592-
margin-bottom: 0.5px;
1593-
}
1594-
1595-
.domain-card .people img {
1596-
width: 20px;
1597-
height: 20px;
1598-
border-radius: 50%;
1599-
border: 2px solid white;
1600-
margin-left: -10px;
1601-
position: relative;
1602-
}
16031573
.executive-body .profile-pics img {
16041574
width: 40px;
16051575
height:40px;
@@ -1652,16 +1622,6 @@ position: relative;
16521622
font-size: 30px;
16531623
cursor: pointer;
16541624
}
1655-
1656-
.domain-card h2 {
1657-
font-size: 1rem;
1658-
margin-bottom: 8px;
1659-
margin-top: 0;
1660-
}
1661-
1662-
.domain-card p {
1663-
font-size: 0.6rem;
1664-
}
16651625
.executive-body .profile-pics img {
16661626
width: 35px;
16671627
height: 35px;

0 commit comments

Comments
 (0)