Landscape

pam-Unit="1-1 small:1-2 small:landscape:1-3" Creates a adaptive grid which has the additional landscape state. On a small device and in landscape the unit width will shrink to 33%.

1 ➝ 2 ➝ landscape 3
1 ➝ 2 ➝ landscape 3
1 ➝ 2 ➝ landscape 3
Markup

Toggle example guides Toggle HTML markup 

<div pam-Grid>
    <div pam-Unit="1-1 small:1-2 small:landscape:1-3">
        <div pam-Unit-Test>1 &#10141; 2 &#10141; landscape 3</div>
    </div>
    <div pam-Unit="1-1 small:1-2 small:landscape:1-3">
        <div pam-Unit-Test>1 &#10141; 2 &#10141; landscape 3</div>
    </div>
    <div pam-Unit="1-1 small:1-2 small:landscape:1-3">
        <div pam-Unit-Test>1 &#10141; 2 &#10141; landscape 3</div>
    </div>
</div>