Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] Mobile responsibility UI issue on default-page.html #68

Open
1 task done
SisiVero opened this issue Oct 3, 2024 · 11 comments · May be fixed by #99, #114 or #272
Open
1 task done

[Bug] Mobile responsibility UI issue on default-page.html #68

SisiVero opened this issue Oct 3, 2024 · 11 comments · May be fixed by #99, #114 or #272
Labels
💻 aspect: code Concerns the software code in the repository 🛠 goal: fix Bug fix 🟧 priority: high Stalls work on the project or its dependents 🏁 status: ready for work Ready for work

Comments

@SisiVero
Copy link
Contributor

SisiVero commented Oct 3, 2024

Description

The interface for the default-page.html needs some adjustments for it to aesthetically pleasing.
At the moment, there is no padding and there is an x overflow for mobile screens.

There should be no x overflow. All contents should fit into the screen vw, this puts UX into consideration.

vocabMobileUI

Environment

< - Device: (All mobile screens )

  • I would be interested in resolving this bug.
@SisiVero SisiVero added 💻 aspect: code Concerns the software code in the repository 🚦 status: awaiting triage Has not been triaged & therefore, not ready for work 🛠 goal: fix Bug fix 🟧 priority: high Stalls work on the project or its dependents labels Oct 3, 2024
@cc-open-source-bot cc-open-source-bot moved this to Triage in WebDev Oct 3, 2024
@possumbilities
Copy link
Contributor

@SisiVero can you please provide more information like browser, operating system, etc. here around this issue? things like at what specific pixel width is this occurring, more details are needed here.

@possumbilities possumbilities added 🧹 status: ticket work required Needs more details before it can be worked on and removed 🚦 status: awaiting triage Has not been triaged & therefore, not ready for work labels Oct 3, 2024
@possumbilities possumbilities moved this from Triage to Backlog in WebDev Oct 3, 2024
@OmarAmeen01
Copy link
Contributor

Responsiveness Below 400px:

Pages are not responsive on screens smaller than 400px, leading to layout issues and poor user experience on mobile devices.
Lack of Padding on Smaller Screens:

Insufficient padding on smaller screens causes the content to appear cramped, with text and other elements sticking to the edges of the screen.
Text Size on Small Devices:

The text does not scale down appropriately for smaller screens, resulting in oversized text that disrupts the layout and readability.
Post Alignment and Text Size Below 500px:

blog Posts align to the left side of the screen below 500px, and the text appears disproportionately large, making the content difficult to read. it causes shrinking of nav and footer that is they become lesser than window width

I can fix this assign it to me or let me know if I can take it

@possumbilities possumbilities added 🏁 status: ready for work Ready for work and removed 🧹 status: ticket work required Needs more details before it can be worked on labels Oct 3, 2024
@SisiVero
Copy link
Contributor Author

SisiVero commented Oct 3, 2024

Hi @possumbilities . The browser in use is the Chrome browser.
The issues occurred from 540 to 320 pixels, as I've confirmed.

@iyinolawumi
Copy link
Contributor

Hi @possumbilities . The responsiveness for the default .html is not really okay. Also, the padding at the middle side of the page is too much such that the padding overshadows the entire page which is not supposed to be. I also think the fonts need to be adjusted especially for some individuals who uses glasses. I can implement new fonts using Google fonts APIs. Do i have the permission to proceed and send a pull request.

Also, are we to commit to the main branch or a separate branch.

@iyinolawumi
Copy link
Contributor

Hello @Nenepo I don’t think one person can work on an issue according to the guidelines we were given unless it has been pushed to the main branch and fixed. Has it? Also, since you have fixed it, it is still not showing here that it has been fixed. Do you have any comment on this . Thank you

@Nenepo
Copy link

Nenepo commented Oct 4, 2024

@iyinolawumi Okay my bad, I just wrote it because I worked on it and it was fixed, yes more than one person can work on an issue I’m sure, I have sent a pull request and it has not been merged yet as it was sent 20minutes ago and I don’t know when it would be merged. That is why you cannot see it fixed
But if you check the pull request section you would see it

@iyinolawumi
Copy link
Contributor

Ok. Thank you

@iyinolawumi
Copy link
Contributor

I will also work on it again. I might notice something you might not see.

@Nenepo
Copy link

Nenepo commented Oct 4, 2024

Definitely, go ahead

@SisiVero SisiVero linked a pull request Oct 6, 2024 that will close this issue
7 tasks
@possumbilities possumbilities changed the title [Bug] Mobile responsibility UI issue. [Bug] Mobile responsibility UI issue on default-page.html Oct 8, 2024
@egbadon-victor
Copy link
Contributor

This actually occurs on screen sizes 680px and less

@egbadon-victor egbadon-victor linked a pull request Oct 20, 2024 that will close this issue
7 tasks
@OmarAmeen01
Copy link
Contributor

linking this issue to the this issue #276 for a application of general fix to this problem

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment