Skip to content

🐛 Bug: Inconsistent width of container on mobile device #1600

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.

Sign up for GitHub

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

Jump to bottom
Open
jagpreetrahi opened this issue Apr 1, 2025 · 3 comments · May be fixed by #1646
Open

🐛 Bug: Inconsistent width of container on mobile device #1600

jagpreetrahi opened this issue Apr 1, 2025 · 3 comments · May be fixed by #1646
Labels
🐛 Bug Indicates that the issue is a bug or defect. Status: Triage This is the initial status for an issue that requires triage.

Comments

@jagpreetrahi
Copy link
Contributor

jagpreetrahi commented Apr 1, 2025 •
edited
Loading

Describe the bug

Containers does not show the proper detail due to inconsistent width on mobile device without using desktop site. It's not able to show the image part of it on small device which make improper detail.

Steps To Reproduce

Go to community nav tag on mobile device, if it is possible then also go to desktop parallely.
Compare both devices and look out all containers that does not show the full detail inside of it on small device.

Expected Behavior

Container should be consistent with its width on mobile device so that anyone can get the proper detail about the it.

Screenshots

On desktop

Image

On small device

Image

Device Information [optional]

Small Device - Andriod

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No
@jagpreetrahi jagpreetrahi added Status: Triage This is the initial status for an issue that requires triage. 🐛 Bug Indicates that the issue is a bug or defect. labels Apr 1, 2025
@idanidan29
Copy link
Contributor

Hey @jagpreetrahi, thanks for the issue!

I didn’t quite get the problem by "details missing" do you mean the image beside the description? If so, I believe it was intentional to remove the image on mobile since placing it below the card would take up too much space, and keeping it beside the text (like on desktop) might make the layout feel too dense.

Let me know if this was the concern or if I misunderstood!

@jagpreetrahi
Copy link
Contributor Author

jagpreetrahi commented Apr 3, 2025 •
edited
Loading

Hey @idanidan29 , yes my concern was related to that image present beside the description.

@jagpreetrahi
Copy link
Contributor Author

I try this using desktop site on mobile but I got details along with image. If this image intentionally remove from the mobile device then we have to also remove it from desktop site on mobile. Because it create difference when anyone suddenly open this page on desktop site at that time they are able to see the image but as they move to normal then they missed it.
Looking for your clearness
Thanks

@jagpreetrahi jagpreetrahi linked a pull request May 12, 2025 that will close this issue
Open
1 task
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
🐛 Bug Indicates that the issue is a bug or defect. Status: Triage This is the initial status for an issue that requires triage.
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Fix container width mobile Deepak-cell311/website
2 participants
@idanidan29 @jagpreetrahi