search

juhinagpure / Eduford-university

76 stars 174 forks source link

CSS Improvements: Selector Corrections and Responsive Menu Toggling #135

Open AlexMercer00 opened 3 months ago

AlexMercer00 commented 3 months ago

Hi @owner,

I am a GSSoC participant and would like to work on the following CSS issues in the project:

Issues Identified:

  1. Incorrect Selectors:

    • The selector .nav-links ul li:clicked is invalid. It should be :active.

  2. Redundant Selectors:

    • The selector nav .fa-xmark is present but unused.

  3. Responsive Design Adjustments:

    • The responsive navigation menu needs proper toggling for mobile views.

  4. Hover Effects and Transitions:

    • Hover effects could be smoother with better transition properties.

    Proposed Solutions:

  5. Correct the Pseudo-Classes: Replace :clicked with :active.

  6. Remove Redundant Selectors: Clean up unused selectors like nav .fa-xmark.

  7. Implement Menu Toggling: Add JavaScript to toggle the right property of .nav-links.

  8. Enhance Hover Effects: Refine transition properties for smoother effects.

I believe these changes will greatly enhance the site's functionality and user experience. Could you please assign this issue to me?

Thank you!

Best regards, Ashutosh Singh (GSSOC Participant)

toodiv commented 3 months ago

I can contribute to the issue with a clean and efficient code. Kindly accept my issue under GSSOC'24.