#grid-system

Want to start with a project, but you need a solid responsive grid-sytem? After you find something, you must read the documentation how you can use it, but then it's not flexible enough for your kind of usage. I had these problems, too. Because of this I started to develop my own grid with scss. I know how it works, it's flexible enough and the grid of my choice. I will show you the development-process for it. Don't be scary, it's easy! The following system is inspired by the awesome framework Pure. Basic stuff For a working system we need some basic stuff like a wrapper and the styles for each column — box-sizing is the key for it. At first we must set the variables. Define your maximum columns and the gutter-width (distance between each column). After this we need a wrapper, which will clear our floats.   We need a column-mixin! After we define the basic styles for the wrapper and each column, we need a mixin to create the correct widths for the columns. Here it is…