Improve responsiveness of “Plans for Every Team Size” cards on tablets and small screens #7330
Description
Current Behavior
On the pricing page (https://layer5.io/pricing), within the “Plans for Every Team Size” section, the cards do not properly adapt to tablet and small desktop screen sizes.
As a result:
- The layout does not adjust the number of columns or card width.
- The first and last cards are partially cut off on tablets and small PCs.
Desired Situation
- Cards should be fully visible on tablet and small screen sizes.
- The layout should adjust responsively, preferably displaying the cards in two rows (or an appropriate column layout) on tablets and smaller devices to prevent overflow and clipping.
Image
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.