Media items

pam-Image elements can easily be used with the grid. This example shows a pam-Unit="1-1 small:1-2 large:1-4" grid with pam-Image elements.

Markup

Toggle example guides Toggle HTML markup 

<div pam-Grid>
    <div pam-Unit="1-1 small:1-2 large:1-4">
        <img pam-Image src="kss-assets/img/icon-60@3x.png">
    </div>
    <div pam-Unit="1-1 small:1-2 large:1-4">
        <img pam-Image src="kss-assets/img/icon-60@3x.png">
    </div>
    <div pam-Unit="1-1 small:1-2 large:1-4">
        <img pam-Image src="kss-assets/img/icon-60@3x.png">
    </div>
    <div pam-Unit="1-1 small:1-2 large:1-4">
       <img pam-Image src="kss-assets/img/icon-60@3x.png">
    </div>
</div>