Skip to content

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

License

Notifications You must be signed in to change notification settings

therocco/flex-grid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

<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

Stars

Watchers

Forks

Releases

No releases published

Packages