Mobile

Two Basic Views

>735px || <735px

PAX uses a two basic views: large and small. The large view is rendered on screens greater than 735px and the small view is triggered on devices smaller than 735px.

To make a change in CSS to small device items, simply use the @media query shown below:

@media all and (max-width: 735px){
    .item {padding:10px;}
}

Additional Parameters

*NOTE: Wraps are recommended because they automatically add 10px of padding on mobile views