Description
While browsing the layer5.io/learn page, two layout issues were observed affecting the card sections on desktop screen widths:
1. Learning Paths section
The three cards extend beyond the available row width, causing the side cards to be partially clipped.
2. Workshops section
The workshop cards switch to a 2-column layout at certain desktop screen widths, which pushes the last card off-screen.
Both issues affect the visual presentation of the content and may prevent users from viewing all cards as intended.
Expected Behavior
- Learning Paths: All three cards should fit fully within the row width without clipping, across all desktop breakpoints.
- Workshops: The card layout should remain consistent on desktop screen widths, with no unintended 2-column switch and no cards pushed off-screen.
Screenshots
Environment:
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.
Description
While browsing the layer5.io/learn page, two layout issues were observed affecting the card sections on desktop screen widths:
1. Learning Paths section
The three cards extend beyond the available row width, causing the side cards to be partially clipped.
2. Workshops section
The workshop cards switch to a 2-column layout at certain desktop screen widths, which pushes the last card off-screen.
Both issues affect the visual presentation of the content and may prevent users from viewing all cards as intended.
Expected Behavior
Screenshots
Environment:
Contributor Resources and Handbook
The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the
masterbranch.