The "grid" of images are created using PADDY2Col and PADDY3Col stacks. There is no grid stack used to create these layouts. The point at which each column collapses is set with pixel accuracy allowing very careful adjustment of when the screen width reaches the point that the content becomes too large for that screen width. At this point, each column is set to collapse to the next level which allows the content to be visible at for all screen sizes. This allows each grid to be perfectly structured for every screen size.
Select from below
The grid of images can be built up in single rows with 2, 3, 4, 5 (yes 5), 6, 7, 8 or 9 columns. So for example, the first grid of 3 B&W images are inside a PADDY3Col stack but with padding added. The next 4 B&W images are in 2 PADDY2Col stacks that are each in a column of another PADDY2Col stack. The 6 B&W images use 2 PADDY3Col stacks using the same technique. Multiple rows can be added on top of each other.
A clean minimal and elegant way to display a portfolio, a product or provide a gateway into a product or service area.
The 3 colour images above are inside a PADDY3Col stack. The 4 coloured boxes directly above, are 2 PADDY2Col stacks that are each in a column of another PADDY2Col stack. The PADDY2Col columns are adjustable in width from 10.00% to 90.00% to create non symmetrical and exact layouts with ease.
Check out the Google Font and text examples page. These are some of the best Google Fonts already configured to copy and paste into your design. Also note the text example too that show a few of the very many text adjustments possible.