Kittens for Corner Stamp

The Cornerstamp stays in the upper right corner as all the other Masonry blocks move around it when the screen size changes on a Masonry enabled page. This works for float:right but does not work when the Cornerstamp is moved to the leftside with float:left. But a good point once the width is set, the Cornerstamp expands its height automatically for all the contents.

This kitten is designed to distract you from the Masonry test going on here.

The test is to see if a Masonry container still works when it is part of an IFRAME tag where the width is set to 100%.

What is Masonry?

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. MASONRY WORKS BEST WHEN ALL ITS ITEMS OR BLOCKS HAVE THE SAME WIDTH OR SOME MULTIPLE THERE-OF. Yes, this is a very important point to emphasize. But the height of the blocks can be different - even widely so - and Masonry finds the best fit.
This is the 3rd Masonry block - where will it end up on the page?
Below is Adobe Speak about Edge Reflow, sort of Masonry or Headway like app.
"The web native design surface exposes CSS design and layout features, in a simple yet powerful way and designs can be previewed in the browser or on devices with Edge Inspect integration. Reflow now connects directly to Photoshop CC, allowing you to go from static design to responsive comp in just one-click."
Maecenas faucibus mollis interdum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam.Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo.
Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Masonry also works better when the Masonry option columnWidth is set to 2px larger than the masonry-item styling for margin + width as done in this example.
This version of masonry, v2.1.08 should be run with JavaScript routine imagesLoaded which reduces image overlap. This problem can appear with 10 or more masonry-items or blocks which are tightly fit together and have widely varying lengths....
....But even with imagesLoaded running in v2.1.08 sometimes the blocks will overlap. Remarkably, as you squish together the browser window, the Masonry resized page has NO overlaps. Interesting result.
Masonry v2.1.08 is more robust than the newer V3.x when you wrap the Masonry container within a border and background color as seen in this example. V3.x does not allow such wrapings but v2.1.08 does. But V3.x has such features as add block or remove block. See here for some differences between the 2 versions.
Nullam id dolor id nibh ultricies vehicula ut id elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Pop 60px
Maecenas faucibus mollis interdum. Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Vestibulum id ligula porta felis euismod semper.
PINK IS SHORTEST AT LAST. Watch where it appears as you resize the browser window!