[Docs] Fix alignment of Be Recognized card background illustration#1165
[Docs] Fix alignment of Be Recognized card background illustration#1165piyushtripathi9424 wants to merge 1 commit into
Conversation
|
Yay, your first pull request! 👍 A contributor will be by to give feedback soon. In the meantime, please review the Layer5 Community Welcome Guide and sure to join the community Slack. |
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
There was a problem hiding this comment.
Code Review
This pull request updates SCSS styles for landing project logos and video carousels. Specifically, it isolates the styling of .recognition-program-logo to apply custom background sizes and a minimum height, and nests carousel-related classes under .related-videos while updating transition effects, colors, and active states for indicators. There are no review comments, and I have no additional feedback to provide.
Important
The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.
|
🚀 Preview deployment: https://docs.layer5.io/pr-preview/pr-1165/
|
Signed-off-by: piyushtripathi9424 <piyush.miraibanglore@gmail.com>
piyushtripathi9424
force-pushed
the
fix-be-recognized-card-1156
branch
from
e881e01 to
f67e4ce
Compare
|
@piyushtripathi9424 LGTM🚀 |
Thankyou ❤️ |
2 participants
Description
This PR fixes the alignment and sizing issue with the background illustration in the "Be Recognized" card (#1156).
Root Cause: The
background-size: 50%property was being applied to both the black semi-opaque background and therecognition-program.pnglogo. Because the logo is much taller than it is wide, keeping its width at 50% caused its height to stretch and peek out from behind the square black background.Fix: Extracted
.recognition-program-logointo its own CSS rule and increased the size of the black semi-opaque background to75%while preserving the logo size at50%. This ensures the logo is fully contained within the background circle, visually matching the other resource cards.Fixes #1156
Screenshots 📸