CSS Refactoring for Enhanced Maintainability and Efficiency

[TornovDutta]

About:

The refactored CSS eliminates redundancy by grouping similar styles together, such as buttons, inputs, and containers, which were previously defined multiple times. Repetitive properties like border-radius, padding, and font-size are consolidated, improving code clarity and maintainability. Additionally, hover effects and transitions for buttons and inputs are unified to maintain consistency. Media queries and animations remain intact, but unnecessary repetition is removed. This restructuring enhances readability, reduces file size, and ensures easier future updates while maintaining the same design and functionality across different elements.

sceenshot:

Before:

After:

[TornovDutta]

Issuse number:
#185

[TornovDutta]

@arushi2610 please label the PR and check the PR

[SaurabhS55]

refactor this page and resolve merge conflicts

[TornovDutta]

refactor this page and resolve merge conflicts

can you send me the link of this page?
@SaurabhS55

[SaurabhS55]

https://code-social.github.io/official-website/learning.html

[SaurabhS55]

@TornovDutta share screenshots of your change?

[TornovDutta]

About:

The refactored CSS eliminates redundancy by grouping similar styles together, such as buttons, inputs, and containers, which were previously defined multiple times. Repetitive properties like border-radius, padding, and font-size are consolidated, improving code clarity and maintainability. Additionally, hover effects and transitions for buttons and inputs are unified to maintain consistency. Media queries and animations remain intact, but unnecessary repetition is removed. This restructuring enhances readability, reduces file size, and ensures easier future updates while maintaining the same design and functionality across different elements.

sceenshot:

Before:

After:

@SaurabhS55
I share the sceenshot here

[SaurabhS55]

your screenshots are not visible

[TornovDutta]

sceenshot:

Before:

After:

[SaurabhS55]

https://code-social.github.io/official-website/learning.html

Have you enhanced css of this page ?

[TornovDutta]

no, i enhance this page css
https://code-social.github.io/official-website/index.html