Responsive Width

To set percentage based width use w:{ fraction } or w:full. By default supported fractions are 1, 2, 3, 4, 5, 6.

Tip Adjust the window width to see the widths change.

Default styling
sm%3Aw%3A1-6
Set width to 1/6 from small screen and up.
md%3Aw%3A1-5
Set width to 1/5 from medium screen and up.
lg%3Aw%3A1-4
Set width to 1/4 from large screen and up.
xl%3Aw%3A1-3
Set width to 1/3 from xlarge screen and up.
Markup

Toggle example guides Toggle HTML markup 

    <div pam-flex pam-skin="primary:light">
        <div pam-size="w:full [modifier] h:2" pam-text="center" pam-skin="primary on:primary">
        </div>
    </div>