Skip to content

[Community] Fix table overflow on Newcomers page by adding horizontal scroll #6678

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

Open
wants to merge 8 commits into
base: master
Choose a base branch
from

Conversation

Rajesh-Nagarajan-11
Copy link
Contributor

@Rajesh-Nagarajan-11 Rajesh-Nagarajan-11 commented Aug 2, 2025

Description

This PR fixes #6677
This PR addresses a layout issue on the /community/newcomers page where the tutorials table overflows its container on smaller screen widths (e.g., 375px). The issue was most noticeable in the "Presenter" column, which was getting cut off.
FIX

  • Added horizontal scrolling to the tutorials table container to ensure all columns are accessible on mobile view.
  • This improves usability and responsiveness on small devices.

Notes for Reviewers

  • Please test the page on mobile view (e.g., 375px width) to confirm that horizontal scrolling is enabled and the table content is no longer cut off.
  • Ensure the fix does not affect desktop or larger screen layouts.
Screencast.from.2025-08-09.21-17-11.webm
  • Yes, I signed my commits.

@l5io
Copy link
Contributor

l5io commented Aug 2, 2025

🚀 Preview for commit 0fd8d71 at: https://688e1b599921b23bc29fb6a5--layer5.netlify.app

@l5io
Copy link
Contributor

l5io commented Aug 3, 2025

🚀 Preview for commit 98f2792 at: https://688fbcb876be910228098263--layer5.netlify.app

@vr-varad
Copy link
Contributor

vr-varad commented Aug 4, 2025

Thank you for your contribution!
Let's discuss this during the website call today at 5:30 PM IST | 7 AM CT

Add it as an agenda item to the meeting minutes, if you would :)

@leecalcote
Copy link
Member

It seems that the book cover is still being cutoff.

Signed-off-by: Rajesh-Nagarajan-11 <[email protected]>
@l5io
Copy link
Contributor

l5io commented Aug 4, 2025

🚀 Preview for commit bccd684 at: https://6890c2a4bacfbd211bc30cce--layer5.netlify.app

Copy link
Contributor

@vr-varad vr-varad left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Contributor

@vr-varad vr-varad left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The book seems to cut off a little in light mode.
@Rajesh-Nagarajan-11
image

@l5io
Copy link
Contributor

l5io commented Aug 5, 2025

🚀 Preview for commit e3530dd at: https://68928127a1dafd1ffc366487--layer5.netlify.app

@Rajesh-Nagarajan-11
Copy link
Contributor Author

Rajesh-Nagarajan-11 commented Aug 6, 2025

The book seems to cut off a little in light mode.
@Rajesh-Nagarajan-11
image

Let me check that

@Rajesh-Nagarajan-11
Copy link
Contributor Author

@vr-varad Now book cover looks good !! Kindly review the changes
Screenshot from 2025-08-06 11-52-27

@l5io
Copy link
Contributor

l5io commented Aug 6, 2025

🚀 Preview for commit e8b22fb at: https://6892f873ff8c701515694cca--layer5.netlify.app

Copy link
Contributor

@vr-varad vr-varad left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image the spacing is too much and not consistent with others. @Rajesh-Nagarajan-11 Before: image

Signed-off-by: Rajesh-Nagarajan-11 <[email protected]>
Signed-off-by: Rajesh-Nagarajan-11 <[email protected]>
@l5io
Copy link
Contributor

l5io commented Aug 6, 2025

🚀 Preview for commit 4fcf8cb at: https://689385bb96b3668e3c533026--layer5.netlify.app

@Rajesh-Nagarajan-11
Copy link
Contributor Author

image the spacing is too much and not consistent with others. @Rajesh-Nagarajan-11 Before: image

Fixed in last commit , You can review @vr-varad

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 this pull request may close these issues.

[Community] Table content overflows container on Newcomers page (mobile view) – needs horizontal scrolling
5 participants