Skip to content

Latest commit

 

History

History
31 lines (27 loc) · 882 Bytes

README.md

File metadata and controls

31 lines (27 loc) · 882 Bytes

<flex-grid> Custom Element

An easy to use flexbox grid element built using HTML Custom Elements v1 spec.

Attributes

  • col - {number} Number of columns to use for grid (default 12).
  • sm - {number} Number of columns to span in small viewport (default 1)
  • md - {number} Number of columns to span in medium viewport (default 1)
  • lg - {number} Number of columns to span in large viewport (default 1)

Usage

<flex-grid>
    <div>flex</div>
    <div>flex</div>
    <div>flex</div>
    <div>flex</div>
    <flex-grid sm="12" md="6" lg="6">
        <div md="12">12</div>
        <div md="6">6</div>
        <div md="6">6</div>
        <div md="8">8</div>
        <div md="4">4</div>
    </flex-grid>
</flex-grid>

Donate

  • BTC: 18o3S3rzdBqfUndc4pZm9dNUrNJ5zijDon
  • ETH: 0x9289E1B3a846061B14E81FD521a3ac910EC908A7