Skip to content

Fix: image overflow in announcement cards (mobile view)#6769

Closed
Rajesh-Nagarajan-11 wants to merge 3 commits intolayer5io:masterfrom
Rajesh-Nagarajan-11:fix/blog-image-overflow-mobile
Closed

Fix: image overflow in announcement cards (mobile view)#6769
Rajesh-Nagarajan-11 wants to merge 3 commits intolayer5io:masterfrom
Rajesh-Nagarajan-11:fix/blog-image-overflow-mobile

Conversation

@Rajesh-Nagarajan-11
Copy link
Copy Markdown
Member

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

Description

This PR fixes #6768
This PR fixes the issue where images in the Announcements page (mobile view) were not contained within their respective category cards, causing them to overflow and overlap adjacent content.

Notes for Reviewers
Please verify the fix on different screen sizes (especially smaller mobile widths). The change ensures images inside announcement cards are contained properly without breaking layout.

image

Signed commits

  • Yes, I signed my commits.

Signed-off-by: Rajesh-Nagarajan-11 <rajeshnagarajan36@gmail.com>
@l5io
Copy link
Copy Markdown
Member

l5io commented Aug 31, 2025

🚀 Preview for commit bda45f9 at: https://68b3ba3f4e7aa45dd6289117--layer5.netlify.app

Signed-off-by: Rajesh-Nagarajan-11 <rajeshnagarajan36@gmail.com>
@l5io
Copy link
Copy Markdown
Member

l5io commented Aug 31, 2025

🚀 Preview for commit c1e9ba6 at: https://68b3db8d23074380feff0a98--layer5.netlify.app

Copy link
Copy Markdown
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

Image is not centered.

Copy link
Copy Markdown
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

This doesn't look good, keep the breakpoint lower.

Copy link
Copy Markdown
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

why there is so much space in right.

@Rajesh-Nagarajan-11
Copy link
Copy Markdown
Member Author

@vr-varad Thank you varad for review , let me implement what you suggest

@vr-varad
Copy link
Copy Markdown
Contributor

image why there is so much space in right.

@vr-varad in desktop view itself it was designed like there is too much right spaces :)

Because that was in a row, if you make it in a column, you have to ensure it's centered or equally spaced.

Signed-off-by: Rajesh-Nagarajan-11 <rajeshnagarajan36@gmail.com>
@l5io
Copy link
Copy Markdown
Member

l5io commented Aug 31, 2025

🚀 Preview for commit 6d5440c at: https://68b42b664e7aa4591c2890a7--layer5.netlify.app

@Rajesh-Nagarajan-11 Rajesh-Nagarajan-11 deleted the fix/blog-image-overflow-mobile branch August 31, 2025 11:13
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.

Broken Layout - Images Overflow in Category Cards (Mobile View)

3 participants