docs(pds-row): add modifiers to size prop in examples #566
Conversation
✅ Deploy Preview for pine-design-system ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
github-actions
bot
added
documentation
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
There was a problem hiding this comment.
This PR is being reviewed by Cursor Bugbot
Details
Your team is on the Bugbot Free tier. On this plan, Bugbot will review limited PRs each billing cycle for each member of your team.
To receive Bugbot reviews on all of your PRs, visit the Cursor dashboard to activate Pro and start your 14-day free trial.
| <pds-box size="6"><pds-box border>Column A</pds-box></pds-box> | ||
| <pds-box size="6"><pds-box border>Column B</pds-box></pds-box> | ||
| <pds-box size-md="6"><pds-box border>Column A</pds-box></pds-box> | ||
| <pds-box size-md="6"><pds-box border>Column B</pds-box></pds-box> |
There was a problem hiding this comment.
Bug: Gap Examples Misaligned on Small Screens
The PdsRow gap examples now use size-md props, causing column layouts to change on small screens. This makes the gap demonstrations inconsistent and confusing, as the examples are intended to focus on gap functionality, not responsive behavior.
There was a problem hiding this comment.
That's fine. I want the example to be mobile-first in all cases where size is used
Description
Fixes N/A
Type of change
How Has This Been Tested?
Test Configuration:
Checklist:
If not applicable, leave options unchecked.