Skip to content

[Brand] fix: Centre align brand kit and media resources#7570

Open
Junnygram wants to merge 1 commit intolayer5io:masterfrom
Junnygram:fix-brand-kit-centering
Open

[Brand] fix: Centre align brand kit and media resources#7570
Junnygram wants to merge 1 commit intolayer5io:masterfrom
Junnygram:fix-brand-kit-centering

Conversation

@Junnygram
Copy link
Copy Markdown

@Junnygram Junnygram commented Mar 28, 2026 •
edited
Loading

This PR fixes #7568

This PR addresses layout and UX issues on the Brand page and Media Resources grid:

  • Centering elements: Center-aligned the content in the brandHeader on the Brand Page and the NewsSidebarWrapper for a more balanced layout.
  • Enhanced Interaction: Improved the user experience in the Media Resources grid by wrapping the entire "Brand Kit" card in a Link component, making the entire card clickable.
  • Mobile responsiveness: Added specific centering for the download button on small screens.
  • Formatting: Applied consistent code formatting across the modified files.

Notes for Reviewers
The changes were verified locally and the centering looks consistent across different screen sizes. All components still function as expected with the updated layouts.

Signed commits

  • Yes, I signed my commits.

@Junnygram Junnygram force-pushed the fix-brand-kit-centering branch from 580f193 to 318051d Compare March 28, 2026 11:37
@Junnygram Junnygram changed the title style: update button layouts and alignment for brand and news sections [Brand] fix: Centre align brand kit and media resources Mar 28, 2026
@l5io
Copy link
Copy Markdown
Member

l5io commented Mar 28, 2026

🚀 Preview for commit 318051d at: https://69c7c0df08ca7d7f1317a2f9--layer5.netlify.app

@saurabhraghuvanshii
Copy link
Copy Markdown
Member

saurabhraghuvanshii commented Mar 28, 2026

@Junnygram please attach Screenshot of changes.

rishiraj38
rishiraj38 reviewed Mar 28, 2026
View reviewed changes
src/sections/Company/Brand/brandPage.style.js Outdated
text-align: start;
}
}
position: relative;
Copy link
Copy Markdown
Member

@rishiraj38 rishiraj38 Mar 28, 2026

Choose a reason for hiding this comment

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

Please revert the lint. I can’t find your changes.

@rishiraj38
Copy link
Copy Markdown
Member

rishiraj38 commented Mar 28, 2026

@saurabhraghuvanshii

UI/UX Improvements - PR #7570

I've fixed centering issues and improved interactivity for the Brand page and News sidebar.

Key Improvements:

  • Centering Fixes: Standardized the layout of the brandHeader and News Sidebar for consistent alignment.
  • Enhanced UX: The entire "Brand Kit" card in the Media Resources grid is now clickable (wrapped in a Link component), improving navigation.

Screenshots (Your Changes)

Desktop View Mobile View
Brand Page Header
after_brand_header Brand Page Header
after_mobile_brand
Media Resources
after_media_resources Media Resources
after_mobile_media
News Sidebar (Centered)
after_news_sidebar
You can compare these with the live site at layer5.io/brand and layer5.io/news.

media_resources_mobile brand_header_desktop brand_page_mobile media_resources_desktop

Are you using some AI ?

@Junnygram Junnygram force-pushed the fix-brand-kit-centering branch 2 times, most recently from 3d44a88 to 2dc8bfb Compare March 28, 2026 16:05
@rishiraj38
Copy link
Copy Markdown
Member

rishiraj38 commented Mar 28, 2026

@Junnygram Please use whatever you’re using correctly. The screenshots you’ve shared don’t show what you fixed; the commits do.
Screenshot 2026-03-28 at 9 52 12 PM

@l5io
Copy link
Copy Markdown
Member

l5io commented Mar 28, 2026

🚀 Preview for commit 2dc8bfb at: https://69c8002285885745cc35b1d1--layer5.netlify.app

@Junnygram
Fix brand kit button alignment and hydration issue
325d923 
Signed-off-by: Junnygram <junnexclusive@gmail.com>
@Junnygram Junnygram force-pushed the fix-brand-kit-centering branch from 2dc8bfb to 325d923 Compare March 29, 2026 05:49
@l5io
Copy link
Copy Markdown
Member

l5io commented Mar 29, 2026

🚀 Preview for commit 325d923 at: https://69c8c148369a7719aa9e27d7--layer5.netlify.app

@Junnygram
Copy link
Copy Markdown
Author

Junnygram commented Mar 29, 2026

Screenshot 2026-03-29 at 07 17 03

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

1 more reviewer

@rishiraj38 rishiraj38 rishiraj38 approved these changes

Reviewers whose approvals may not affect merge requirements

At least 1 approving review is required to merge this pull request.

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Centre align brand kit button

4 participants

@Junnygram @l5io @saurabhraghuvanshii @rishiraj38