GarimaSingh0109 / WasteManagment

https://garimasingh0109.github.io/WasteManagment/
MIT License
50 stars 122 forks source link

[BUG] Fix Content Overflow and Misalignment in Waste Management Section #241

Closed sahhoArjun097 closed 1 month ago

sahhoArjun097 commented 1 month ago

[BUG] Fix Content Overflow and Misalignment in Waste Management Section

Closes: #165

The "Waste Management" section had issues with content overflowing and misaligning, particularly on smaller screen sizes. This disrupted the layout and negatively affected the user experience, causing some text and elements to overflow outside their containers.

-Card Layout Adjustment: Updated the card structure to use flexbox for better alignment and dynamic resizing.

-Text Overflow Handling: Applied CSS properties like overflow-wrap and text-overflow to handle potential text overflow issues.

-Spacing & Padding: Adjusted margins and padding for better consistency across cards and between elements.

-Mobile Optimization: Added media queries to ensure the layout is responsive and readable on smaller screens, preventing any misalignment or overflow issues.

Please check the boxes that apply

Checklist

Please check the boxes that apply

https://github.com/user-attachments/assets/c7fcec2d-398b-4e1c-ac9d-18ae13005c27

Please assign this issue to me as I would like to work on fixing it. also add the label GSSoC 2024 Extd relaevant and lvl .