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]:UI responsiveness #589

Open
1 task
CedricNdong opened this issue Jun 4, 2023 · 14 comments
Open
1 task

[Bug]:UI responsiveness #589

CedricNdong opened this issue Jun 4, 2023 · 14 comments

Comments

@CedricNdong
Copy link

CedricNdong commented Jun 4, 2023

What happened?
While examining the web interface on various devices, I've noticed a significant issue in terms of responsiveness. Specifically, the problem exists on the right-hand side container of the page which seems to go out of bounds when viewed on certain screen sizes or devices.

Expected result:

The content of the page should adjust according to the screen size, allowing users to view and interact with the entire content within the bounds of the screen without having to scroll horizontally. All containers should fit within the viewport width.

Actual result:

The right container does not resize properly. As a result, part of its content extends beyond the visible screen bounds.

Add screenshots
Screenshot on desktop screen size (768 x 814)

Screenshot from 2023-06-04 18-47-07

Possible cause:

There might be CSS styling issues causing the right container to not resize appropriately on smaller screens, but further investigation is needed to ascertain the exact root cause.

Impact:

This issue affects usability on certain devices, potentially hindering user interaction and overall user experience.

What browsers are you seeing the problem on?

Chrome, Microsoft Edge, Brave

Record

  • I want to work on this issue
@saltedtea
Copy link

Hello, I would like to work on this issue.

@SAMI-THAKUR
Copy link

Is this issue still open?

@saltedtea
Copy link

saltedtea commented Jun 12, 2023

Is this issue still open?

Yes, it is still open. You can fix and submit a PR request.

@SAMI-THAKUR
Copy link

image
I think so this solve the issue i flex wrap the "flex flex row" div and now the content is adjusting according to screen size

@udaySuryaP
Copy link

@CedricNdong Is anyone currently working on this? If not, would you be able to assign it to me so that I can try to solve it?

@Jyoticharan
Copy link

could you ple assign me this issue

@CedricNdong
Copy link
Author

Hello @Jyoticharan @SAMI-THAKUR @udaySuryaP of course! You can Work on it and create a PR.

@PADDY26
Copy link

PADDY26 commented Jul 18, 2023

Hey,
Is this issue still open ?

I would like to solve the issue

@Haaziq386
Copy link

Haaziq386 commented Jul 21, 2023

link of the repository?

@fitrahmunir
Copy link

Hi @CedricNdong maybe PR #611 fixed this issue

@Vaishali054
Copy link

Is this issue still open, If it is can I start working on it?

ZoreAditya pushed a commit to ZoreAditya/good-first-issue that referenced this issue Dec 25, 2023
@iushsh
Copy link

iushsh commented Jan 11, 2024

Aayush

@Ishpreet01
Copy link

@CedricNdong is this issue still open?

@dhaladitya108
Copy link

@CedricNdong this thing is already fixed can you please mark this as closed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.