[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
[x] Bugfix (non-breaking change that fixes an issue)
[x] New feature (non-breaking change that adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
[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 .