Skip to content

WebReflection/masonry-rows

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

masonry-rows

A Custom Element fully inspired by A Lightweight Masonry Solution article.

Live Demo

<script async src="//unpkg.com/masonry-rows"></script>
<!--
  <masonry-rows gap=".5em" min-width="20em">
  Both gap and min-width are by default .5em and 20em
  and exposed as gap or minWidth accessors, reflected
  through el.setAttribute('gap' or 'min-width') too.
  If set as numbers, will be converted as (num + 'px').
-->
<masonry-rows>
  <p>
    Any content is shown as a grid with masonry rows.
  </p>
  <p>
    From paragraphs to images.
  </p>
</masonry-rows>

About

A Custom Element that delivers masonry grid layout to most common browsers.

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors