A table showing the block sizes spaced apart for clarity.
The established grid can be used as generated, or blocks can be rearranged to create a seemingly infinite number of layouts. All images and typography align to the generated grid, or are proportional to one of the block sizes
An example of the process for creating a flexible grid system for fluid screen sizes
Exploring various UI patterns and layouts for a dashboard application