An easy to use flexbox grid element built using HTML Custom Elements v1 spec.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
LICENSE.md
README.md
demo.html
flex-grid.js

README.md

<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