🐛 fix: table height and width

This commit is contained in:
eshanized
2025-01-03 13:10:25 +05:30
parent d1baab54f3
commit 49dc3ee519

View File

@@ -28,9 +28,11 @@
<!-- Developer Section --> <!-- Developer Section -->
<h2 align="center" style="font-family: 'Arial', sans-serif; color: #4e54c8; margin-top: 40px;">💻 Meet the Developers 💻</h2> <h2 align="center" style="font-family: 'Arial', sans-serif; color: #4e54c8; margin-top: 40px;">💻 Meet the Developers 💻</h2>
<table align="center" style="font-family: 'Arial', sans-serif; border-collapse: collapse; width: 90%; margin: 20px auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align: center;"> <table align="center" style="font-family: 'Arial', sans-serif; border-collapse: collapse; width: 100%; margin: 20px auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align: center; table-layout: fixed;">
<tr style="background-color: #f9f9fb;"> <tr style="background-color: #f9f9fb;">
<td style="padding: 20px;"> <!-- Developer 1 -->
<td style="padding: 20px; width: 25%; vertical-align: top;">
<div style="display: flex; flex-direction: column; align-items: center;">
<img src="https://avatars.githubusercontent.com/u/148610067?v=4" alt="Developer 1 Image" width="120" height="120" style="border-radius: 50%; margin-bottom: 10px;"> <img src="https://avatars.githubusercontent.com/u/148610067?v=4" alt="Developer 1 Image" width="120" height="120" style="border-radius: 50%; margin-bottom: 10px;">
<h4><a href="https://github.com/eshanized" style="color: #4e54c8; text-decoration: none;">@eshanized</a></h4> <h4><a href="https://github.com/eshanized" style="color: #4e54c8; text-decoration: none;">@eshanized</a></h4>
<strong>Lead Developer</strong> <strong>Lead Developer</strong>
@@ -43,8 +45,11 @@
<img src="https://img.shields.io/badge/LinkedIn-%2328282b?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Badge"> <img src="https://img.shields.io/badge/LinkedIn-%2328282b?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Badge">
</a> </a>
</div> </div>
</div>
</td> </td>
<td style="padding: 20px;"> <!-- Developer 2 -->
<td style="padding: 20px; width: 25%; vertical-align: top;">
<div style="display: flex; flex-direction: column; align-items: center;">
<img src="https://avatars.githubusercontent.com/u/167227445?v=4" alt="Developer 2 Image" width="120" height="120" style="border-radius: 50%; margin-bottom: 10px;"> <img src="https://avatars.githubusercontent.com/u/167227445?v=4" alt="Developer 2 Image" width="120" height="120" style="border-radius: 50%; margin-bottom: 10px;">
<h4><a href="https://github.com/d3v1l0n" style="color: #4e54c8; text-decoration: none;">@RiO</a></h4> <h4><a href="https://github.com/d3v1l0n" style="color: #4e54c8; text-decoration: none;">@RiO</a></h4>
<strong>KDE Plasma Developer</strong> <strong>KDE Plasma Developer</strong>
@@ -57,8 +62,11 @@
<img src="https://img.shields.io/badge/LinkedIn-%2328282b?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Badge"> <img src="https://img.shields.io/badge/LinkedIn-%2328282b?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Badge">
</a> </a>
</div> </div>
</div>
</td> </td>
<td style="padding: 20px;"> <!-- Developer 3 -->
<td style="padding: 20px; width: 25%; vertical-align: top;">
<div style="display: flex; flex-direction: column; align-items: center;">
<img src="https://avatars.githubusercontent.com/u/112468319?v=4" alt="Developer 3 Image" width="120" height="120" style="border-radius: 50%; margin-bottom: 10px;"> <img src="https://avatars.githubusercontent.com/u/112468319?v=4" alt="Developer 3 Image" width="120" height="120" style="border-radius: 50%; margin-bottom: 10px;">
<h4><a href="https://github.com/alokified" style="color: #4e54c8; text-decoration: none;">@alokified</a></h4> <h4><a href="https://github.com/alokified" style="color: #4e54c8; text-decoration: none;">@alokified</a></h4>
<strong>Web Infrastructure</strong> <strong>Web Infrastructure</strong>
@@ -71,8 +79,11 @@
<img src="https://img.shields.io/badge/LinkedIn-%2328282b?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Badge"> <img src="https://img.shields.io/badge/LinkedIn-%2328282b?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Badge">
</a> </a>
</div> </div>
</div>
</td> </td>
<td style="padding: 20px;"> <!-- Developer 4 -->
<td style="padding: 20px; width: 25%; vertical-align: top;">
<div style="display: flex; flex-direction: column; align-items: center;">
<img src="https://avatars.githubusercontent.com/u/157954129?v=4" alt="Developer 4 Image" width="120" height="120" style="border-radius: 50%; margin-bottom: 10px;"> <img src="https://avatars.githubusercontent.com/u/157954129?v=4" alt="Developer 4 Image" width="120" height="120" style="border-radius: 50%; margin-bottom: 10px;">
<h4><a href="https://github.com/iconized" style="color: #4e54c8; text-decoration: none;">@iconized</a></h4> <h4><a href="https://github.com/iconized" style="color: #4e54c8; text-decoration: none;">@iconized</a></h4>
<strong>Co-Maintainer</strong> <strong>Co-Maintainer</strong>
@@ -85,6 +96,7 @@
<img src="https://img.shields.io/badge/LinkedIn-%2328282b?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Badge"> <img src="https://img.shields.io/badge/LinkedIn-%2328282b?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Badge">
</a> </a>
</div> </div>
</div>
</td> </td>
</tr> </tr>
</table> </table>