Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 

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

About

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

Resources

License

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.