Consolidate CSS

[alar12]

Description As a developer, I need to separate the CSS into corresponding external CSS files for each HTML page or module, So that the project maintains consistent styling, modularity, and improves maintainability.

The project currently has CSS spread across HTML files and multiple external files. We need to organize the project by assigning each HTML file a corresponding CSS file for specific styles and creating a shared external CSS file for common styling rules.

Acceptance Criteria:

• [ ] Consolidate inline and internal CSS from each HTML file into a corresponding external CSS file (e.g., tools.html should have tools.css).
• [ ] Create a shared external CSS file (playground.css) for global or common styles used across multiple/all pages.
• [ ] Ensure all pages reference their corresponding external CSS file or the shared playground.css as necessary.
• [ ] Remove any redundant or duplicate CSS across files to streamline and optimize the CSS code.
• [ ] Add appropriate comments in each CSS file to explain styling rules for readability and future maintenance.
• [ ] Ensure that all styling and the codebase function as expected without any visual or layout issues.

[Virtual4087]

Can you assign this to me?

[iz-Manik]

Can you assign this to me? I am ready to work on this .

[alar12]

Can you assign this to me?

You can work on it and raise the PR. If it fulfills all the requirements i will merge it.

[alar12]

Can you assign this to me? I am ready to work on this .

You can work on it and raise the PR. If it fulfills all the requirements i will merge it.

[iz-Manik]

Can you assign this to me? I am ready to work on this .

You can work on it and raise the PR. If it fulfills all the requirements i will merge it.

Have proceeded with the tasks and raised a PR related to the same.

[Sreeeja9866]

I will work on this