DeepSourceCorp/good-first-issue

[Bug]:UI responsiveness

CedricNdong opened this issue · 14 comments

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

Hello, I would like to work on this issue.

Is this issue still open?

Is this issue still open?

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

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

@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?

could you ple assign me this issue

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

Hey,
Is this issue still open ?

I would like to solve the issue

link of the repository?

Hi @CedricNdong maybe PR #611 fixed this issue

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

Aayush

@CedricNdong is this issue still open?

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