Fix [BUG] Responsive table for experience years with gitauto model

[gitauto-ai[bot]]

Original issue: #111

Why the bug occurs

The table with years of experience in the index.html file between lines 503 and 548 has a fixed width, which causes it to overflow or create an x-scrollbar on mobile devices.

How to reproduce

1. Open the index.html file.
2. Navigate to the section between lines 503 and 548.
3. View the table on a mobile device or resize the browser window to a smaller width.
4. Observe that the table overflows or creates an x-scrollbar.

How to fix

1. Update the table's CSS to use responsive design principles.
2. Modify the table's width to be fluid (e.g., using percentages or viewport units).
3. Ensure that the table cells adjust their width and content appropriately for smaller screens.
4. Test the changes on various screen sizes to confirm the table is responsive.

Changes made:

• Updated the CSS in assets/experience-cards.css to include responsive styles for the table.
• Modified the HTML structure in index.html to support the responsive design.

Test these changes locally

git checkout -b gitauto/issue-#111-87f1c226-83f4-498c-9359-14db81d109e6
git pull origin gitauto/issue-#111-87f1c226-83f4-498c-9359-14db81d109e6

[sonarcloud[bot]]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud