📊 Advanced CSS Table Design & Grid Assignment

A precise and structurally polished frontend layout focused on modern CSS3 table styling mechanics, advanced pseudo-class selectors, and readable matrix data presentations.

---

🚀 Core Features & Design Concepts

• 🏁 Zebra Striping Architecture: Strategic application of the :nth-child(even) or :nth-child(odd) structural pseudo-classes to optimize horizontal data line legibility.
• 📐 Border Collapse & Geometry: Implementation of border-collapse: collapse variables to eliminate awkward native table gaps and deliver crisp, modern structural grid lines.
• ✨ Interactive Row Highlighting: Configured dynamic :hover transition rules across text rows (<tr>) to guide the user's eye effortlessly across long data sets.

---

🛠️ Architecture & Core Components

• Markup Foundation: HTML5 (Clean semantic structure using <table>, headers <th>, rows <tr>, and elements <td>).
• Styling Layer: CSS3 (Cell padding constraints, header text weight pairing, alignment matrices, and smooth element transformations).
• Technical Focus: Creating accessible, high-performance web ledger layouts that maintain geometric proportions across modern desktop browsers.

---

📦 How to Run Locally

You can execute and preview this layout instantly on your system by following these simple steps:

1. Clone the Repository:

   git clone [https://github.com/sarmad-tabassum/table-css-assignment-bahria.git](https://github.com/sarmad-tabassum/table-css-assignment-bahria.git)
Navigate to the Project Folder:

Bash
   cd table-css-assignment-bahria
Launch the Sheet Matrix:
Simply double-click the index.html file to render it directly in your browser, or use the VS Code Live Server extension for hot-reloading execution.

📄 License
This layout asset assignment is fully open-source and managed under the MIT License.