ngoworldcommunity / NGOWorld

A platform to connect and support NGOs, charities and you to build a better tomorrow.

Home Page:https://ngoworld.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Bug: footer has some styling issues as well as text wrapping

Shivangbhatnagar237 opened this issue · comments

Description

Issue Summary:

The footer of the Milan NGO and Charity collaboration website exhibits several visual and styling issues that need attention for an improved user experience. Specifically, two key issues have been identified:

1. Text Wrapping Problem:

Description: The text in the footer section is not displayed appropriately, leading to an unattractive and disorganized appearance. This affects the overall aesthetics of the website.
Expected Behavior: The text should be formatted and aligned properly to ensure readability and a visually pleasing look.
Steps to Reproduce:

  • Visit the Milan NGO and Charity collaboration website.

  • Scroll to the bottom of the page to access the footer section.

  • Observe the way text is wrapped and presented in the footer.

2. Lack of Emphasis in Headings:

Description: The headings in the footer section do not stand out and lack emphasis. They appear to be visually similar to the rest of the content, which can make it challenging for users to quickly identify the different sections.
Expected Behavior: Headings in the footer should be styled in a way that sets them apart from regular text, ensuring that they are easily distinguishable.

Steps to Reproduce:

  • Visit the Milan NGO and Charity collaboration website.

  • Scroll to the bottom of the page to access the footer section.

  • Observe the styling and emphasis (or lack thereof) in the headings.

Proposed Solution

Suggested Solution:

For the text wrapping issue, consider adjusting the CSS styles for the footer text to ensure proper alignment and readability.

To address the lack of heading emphasis, update the CSS styles for the headings in the footer, such as using larger fonts, bold text, or distinctive colors.

Screenshots

Footer issue:

Footer issue screenshot

image

Improved version:

Improved version screenshot

image

Browser 🥦

Google Chrome, Opera, Edge

Checklist ✅

Hello @Shivangbhatnagar237, thank you for raising the issue.

Currently, the issue is marked as https://github.com/MilanCommunity/Milan/labels/status%3A%20todo%20%E2%8F%B3 so please wait until the maintainers/owner review it and provide you with feedback/suggestions to proceed further.

Feel free to reach out to Tamal on Twitter, or drop a mail at tamalcodes@gmail.com if you think that this issue is of critical priority.

Give us a ⭐ to show some support
Happy OpenSource 🚀

I need to discuss on the 'emphasis' part of this issue, is that required?
I can just solve the text-wrapping issue. Any other issues that I must combine? Any suggestions?

Can you assign this issue to me?

please allow me the opportunity tomresolve this issue at hand.

Hey I would love to work on this issue.