I tried using it as a row containing cards, expecting it to wrap, but it seems to get bigger than the screen and introduces a horizontal scrollbar.
You can read a brief overview of the Wrap component on the Different Layouts for Mobile page on the doc site. The idea is that you specify the widths for different breakpoints and it sets the width of each child component based on that.
The widths are set with a set of space delimited numbers like this “100 100 50 25 20”. The numbers define the width in percent for each screen size (XS, SM, MD, LG, XL respectively).
You don’t have to specify all the numbers. Setting widths to “100 100 50” means that the children will be full width on extra small and small screens and 1/2 width on anything larger.
