Sass-based Grid Systems: How to Split Columns, not Hairs
When it comes to website development there is not a lot better than a semantic, flexible, professionally crafted grid system, forming a “safe and sound” structure. It is the most viable and reliable solution that skillfully and effectively deals with all the dirty issues of today’s designs. For the past decade, the diversity of this kind of instruments has been considerably increased and constantly improved. There are pure CSS grids and mixed ones, simple style sheet files and complex pre-made frameworks, responsive and fixed, well-formatted and poorly formatted, some includes gutters others not – you are confronted with a plethora of choices. However, as you delve more deeply into this concept, it becomes obvious that each project requires its own solution and not every underlying system meets every project’s requirements and personal preferences. As always, the choice will depend on what you want to achieve in the end.
If you opt for using pre-processing instruments in order to perfect your style sheets by getting the most out of such advanced features as variables, mixins, nesting (in other words, derive benefits from possibilities hidden in Sass) then you should take a quick glance at our article that focuses on sass-based grid systems: from powerful multifunctional frameworks to specific unidirectional solutions and DIY tutorials, we have covered different ready-to-use means.
Tutorials and Howtos