Going beyond speakers

Going beyond speakers

Going beyond the boundaries of the columns. Web Designer Knowledge Base
alt
Michael CEO&Founder


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

Our services

Latest works:

«I was pleased with the work of the agency and Mikhail as his representative. They listened and heard us. Thanks to the redesign of the online store, we are recording a noticeable increase in conversion »
Dmitry Agadzhanov (General Director of Pokupalylux LLC).
«Our niche is rather compact, and with the help and guidance of Illumina Creative we managed to overtake all the competitors. Website optimization is perfect, as well as the traffic growth »
Alex (AppCafe, CEO).