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

Brands Section gets trimmed and rendered vertically during page load . #5216

Closed
aabidsofi19 opened this issue Dec 17, 2023 · 4 comments
Closed
Assignees
Labels
kind/bug Something isn't working

Comments

@aabidsofi19
Copy link
Contributor

Description

The brands section ( which a slider ) gets rendered vertically and trimmed during the initial render / page load , which cause a glitch and is bad as it cause a Layout Shift .
image

Expected Behavior

This should be always rendered horizontally , we might render it statically till the javascript loads for it .
image

Screenshots

Environment:

  • Host OS:
  • Browser:

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

Join the Layer5 Community by submitting your community member form.

@aabidsofi19 aabidsofi19 added the kind/bug Something isn't working label Dec 17, 2023
@prabhjeevnijjar
Copy link
Contributor

@aabidsofi19 Please assign this issue for me. I'll work on it

@abhijeetgauravm
Copy link
Contributor

There u go @prabhjeevnijjar

@prabhjeevnijjar
Copy link
Contributor

The PR for this issue was merged @abhijeetgauravm

@abhijeetgauravm
Copy link
Contributor

Yeah thanks for the prompt fix @prabhjeevnijjar ! So closing this as completed by #5222

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
kind/bug Something isn't working
Development

No branches or pull requests

3 participants