Going beyond the boundaries of the columns. Web Designer Knowledge Base
Printed 2012-10-20
First of all, you don’t have to think that going out of any element beyond the column boundary is a disaster. Columns can be combined in a completely arbitrary way: you can place a block in two columns, in three and so on (example). There is also freedom inside the column: for example, an object can be placed in the center of a block of three columns (example) - anyway, some symmetry will remain and the layout will be neat.
Don't be afraid and let some elements go outside the column border. The requirement of "getting into columns" refers to the text (with the exception of external elements such as dashes and quotation marks example). It refers to graphics, except for some light borders or remote icons (example).
In general, information should be tied to columns, but there is also some freedom. However, when creating an adaptive website design , elements that go beyond the boundaries of the columns should be carefully monitored: when rebuilding blocks depending on the screen size, there may be problems with these elements.
More about meshes in design:
Why do I need a mesh
Going beyond the boundaries of the columns
Density rule
Grid and mood
Adaptive Grid for Bootstrap
Formula for the grid
Method: if the grid fails