|
7 | 7 | } |
8 | 8 | body { |
9 | 9 | font-family: 'Satoshi', sans-serif; |
10 | | - background: url('./images/teambg.png') no-repeat center center fixed; |
| 10 | + background: url('./images/teambg.png') no-repeat center center ; |
11 | 11 | background-size: cover; |
12 | 12 | color: white; |
13 | 13 | height: 100vh; |
@@ -129,7 +129,7 @@ header .nav-links a.active { |
129 | 129 | text-align: center; |
130 | 130 | height: 100vh; |
131 | 131 | padding-top: 8rem; |
132 | | - background: url('./images/homebg.png') no-repeat center center fixed; |
| 132 | + background: url('./images/homebg.png') no-repeat center center ; |
133 | 133 | background-size: cover; |
134 | 134 | } |
135 | 135 |
|
@@ -252,7 +252,6 @@ header .nav-links a.active { |
252 | 252 | background-image: url('./images/bg.png'); |
253 | 253 | background-size: cover; |
254 | 254 | background-position: center; |
255 | | - background-attachment: fixed; |
256 | 255 |
|
257 | 256 | } |
258 | 257 |
|
@@ -335,7 +334,6 @@ header .nav-links a.active { |
335 | 334 | text-align: center; |
336 | 335 | background-image: url('./images/teambg.png'); |
337 | 336 | background-size: cover; |
338 | | - background-attachment: fixed; |
339 | 337 | } |
340 | 338 |
|
341 | 339 | .team-header h1 { |
@@ -823,7 +821,6 @@ section { |
823 | 821 | background-image: url('./images/aboutbg.png'); |
824 | 822 | background-size: cover; |
825 | 823 | background-position: center; |
826 | | - background-attachment: fixed; |
827 | 824 | text-align: left; /* Align content to the left */ |
828 | 825 | width: 100%; /* Full width */ |
829 | 826 | max-width: 100%; /* Ensure no max-width restriction */ |
@@ -1320,6 +1317,21 @@ section { |
1320 | 1317 | margin-bottom: 0.5px; |
1321 | 1318 | } |
1322 | 1319 | } |
| 1320 | +@media (max-width:706px){ |
| 1321 | + .footer-1 .button { |
| 1322 | + padding: 5px 5px; |
| 1323 | + } |
| 1324 | +} |
| 1325 | +@media (max-width:655px){ |
| 1326 | + .footer-1 .button { |
| 1327 | + padding: 3px 3px; |
| 1328 | + } |
| 1329 | +} |
| 1330 | +@media (max-width:390px){ |
| 1331 | + .footer-1 .button { |
| 1332 | + padding: 6px 8px; |
| 1333 | + } |
| 1334 | +} |
1323 | 1335 | @media(max-width:667px){ |
1324 | 1336 | .domain-card h2 { |
1325 | 1337 | font-size: 1rem; |
@@ -1421,6 +1433,9 @@ section { |
1421 | 1433 | margin: 10px auto; |
1422 | 1434 | border-radius: 15px; |
1423 | 1435 | } |
| 1436 | + .team-grid { |
| 1437 | + grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); |
| 1438 | + } |
1424 | 1439 | } |
1425 | 1440 | @media (max-width: 413px){ |
1426 | 1441 | .hero h1 { |
@@ -1554,6 +1569,16 @@ position: relative; |
1554 | 1569 | font-size: 0.8rem; /* Adjust font size for smaller screens */ |
1555 | 1570 | } |
1556 | 1571 | } |
| 1572 | + |
| 1573 | +@media (max-width: 390px){ |
| 1574 | + .team-members img { |
| 1575 | + width: 30px; |
| 1576 | + height: 30px; |
| 1577 | + border-radius: 50%; |
| 1578 | + border: 2px solid white; |
| 1579 | + margin-left: -15px; |
| 1580 | +} |
| 1581 | +} |
1557 | 1582 | /* Media Query: Max-width 375px */ |
1558 | 1583 | @media (max-width: 377px) { |
1559 | 1584 |
|
|
0 commit comments