Skip to content

Conversation

ahmedrazabaloch
Copy link
Contributor

@ahmedrazabaloch ahmedrazabaloch commented Nov 7, 2024

working on issue no #8
Fix sidebar and container overflow issue on small screens (max-width: 768px)

The sidebar and container elements were previously causing text to be hidden due to overflow settings on small screens. Updated the CSS to increase the width of these elements to 94.5% and 95% respectively, making text more visible and preventing overflow content from being hidden in mobile views.

before

screencapture-127-0-0-1-5501-index-html-2024-11-08-04_06_46

after

Screenshot 2024-11-08 040755

@AalokeCode
Copy link
Contributor

Hey! Can you try like making the sidebar into a toggle-able button and overlaying on top of the weather stats?

@AalokeCode AalokeCode changed the title Fix text visibility issue in sidebar and container on small screens Fix #8: text visibility issue in sidebar and container on small screens Nov 8, 2024
@AalokeCode AalokeCode added bug Something isn't working enhancement New feature or request good first issue Good for newcomers labels Nov 8, 2024
@AalokeCode AalokeCode linked an issue Nov 8, 2024 that may be closed by this pull request
@ahmedrazabaloch
Copy link
Contributor Author

@AalokeCode Sure, I'll do it in the next PR

@ahmedrazabaloch
Copy link
Contributor Author

@AalokeCode could you please merge this PR then i raise another one

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working enhancement New feature or request good first issue Good for newcomers
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Duplicate #8: Mobile Responsiveness Problem
2 participants