make align columns

[amird308]

a little feature for make align columns

[amird308]

<Masonry alignColumns={true} columnsCount={3} gutter="10px">
          {images.map((image, i) => (
            <img
              key={i}
              src={image}
              // set height of style form heights array randomly
              style={{width: "100%", display: "block", height: [number]}}
            />
          ))}
        </Masonry>

now you have align columns

[amird308]

If you have a few images that are taller than others, like this case: alignColumns can help us.

without alignColumns:

with alignColumns:

[Amit-Dagar]

what if someone doesn't have height data with images ?

[gabrielmicko]

If I see it correctly, this library does not calculate the height of each children, but rather just splits children equally into separate columns. Probably this works for most of the people, but not for me. I end up with large column differences.

[cedricdelpoux]

Sorry, I missed your PR. Could you rebase? I will merge and publish it. Thanks

[amird308]

Sorry, I missed your PR. Could you rebase? I will merge and publish it. Thanks

`

[cedricdelpoux]

@amird308 There are still conflicts and I can't merge. Could you rebase please?