Smart Content / Image Placer

5 seconds after this page loads we shall change the margin to 1px and the base unit size to 200px.

In another 5 seconds we shall simulate updating the component with new data (e.g. from some API) and change the draw speed.

Cool huh? Now resize this page!

I have created a small component to programmatically position difficult content. What do I mean by that? Well lets assume you have many images which are different widths and heights. How do you fit them on a page such that there are no "gaps"? Using just CSS this is a no go. Imagine Pinterest on steroids Pinterest only allows for variable height), this little component allows for variable width and height content! Enjoy :-) Give me a shoutout if you use it, would love to see!

View my website