Layout issues in Learning Paths and Workshops card sections on desktop (layer5.io/learn)

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:

• 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.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.