-
Notifications
You must be signed in to change notification settings - Fork 1.4k
Fix responsive behavior of SoSpecial carousel items across screen sizes #7307
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
Conversation
Signed-off-by: DANIEL KATOTO <katotodan@gmail.com>
l5io
commented
Dec 29, 2025
🚀 Preview for commit f83e56c at: https://6952c83dfa81b7936b9b64b4--layer5.netlify.app
@kishore08-07
kishore08-07
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Text is overlapping, Adjust the card width and layout for smaller screens to ensure proper content spacing.
@kishore08-07
kishore08-07
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@Katotodan
Use the Related Resources section on https://layer5.io/solutions/platform-engineering as the reference for the expected behavior.
1000241180
Description
This PR fixes a rendering issue in the SoSpecial carousel where slider items were shrinking on small devices.
The root cause was related to Gatsby’s SSR behavior: the slider was initially rendered on the server without access to viewport-dependent values used in the slider settings (inside settings > responsive array), causing react-slick to compute incorrect dimensions.
To fix this, SSR rendering was kind of disabled for this specific component, and the slider settings are now adjusted programmatically on the client based on the current screen size. This ensures consistent and stable rendering across all breakpoints.
This PR fixes #7305
Here is the picture before
PHOTO-2025年12月29日-01-42-42
After
Screenshot 2025年12月29日 at 21 09 08
Notes for Reviewers
Signed commits