If you never noticed, the Pinterest homepage is actually a collection of tiled mosaic elements that are displayed on a responsive grid.
As the user resizes his browser or views the page on small-screen devices, the grid elements on the page are moved from one row to the next, all based on the available free space.
This is a good UX pattern because users will be able to see all the content on the page without having to scroll laterally, only up and down.
At the base of the Pinterest Clone Layout template is Masonry, a well-known jQuery plugin for building responsive grids.
Requirements:
- JavaScript enabled on client side
Comments not found