SauravMukherjee44 / CodeIN-Community-Website

Open Source Website for CodeIN Community built using HTML, CSS, JavaScript, Firebase and Bootstrap
https://codeincommunity.com/
MIT License
195 stars 434 forks source link

UI alignment issue on Home Page in Core Team Section, Our Events, Opportunites and other section #809

Open AnantPatel1 opened 1 month ago

AnantPatel1 commented 1 month ago

What would you like to share?

Issue Description:

The current design of the website presents two distinct UI issues affecting user experience, particularly on smaller screens:

Back to Top Button Hiding Under Cards: The "Back to Top" button, intended for easy navigation to the top of the page, is partially obscured by the content cards, specifically in sections like "Core Team" and others. This obstruction prevents users from accessing the button easily, hindering the intended functionality. Misalignment of Cards in "Our Events," "Opportunities," and Similar Sections: On smaller screens, such as mobile devices, the alignment of cards within sections like "Our Events," "Opportunities," and possibly others, deviates from the intended layout. This misalignment disrupts the visual presentation and may obscure content, affecting the overall user experience negatively.

Screenshot 2024-05-11 012855

Screenshot 2024-05-11 012911

Screenshot 2024-05-11 012929

Please assign me this issue under GSSOC'24

AnantPatel1 commented 1 month ago

@tamalCodes I would like to work on this issue under GSSOC'24

SauravMukherjee44 commented 1 month ago

@AnantPatel1 Go for it

AnantPatel1 commented 1 month ago

@SauravMukherjee44 I am pleased to inform you that the issue has been successfully resolved and my PR is merged with main branch, I would request you to close this issue.