Karen Acosta

Jar grid system

Overview

Creator Front-End Development
  • Team
    Personal project
  • My Role
    Creator + Front End Developer
  • Platforms
    Web and mobile applications
  • Technology
    css
  • Year
    2016

Background

This was a weekend project I worked on because I was creating a lot of static sites during that period and I had already developed a light scss responsive grid system to avoid having to use large responsive frameworks from which I was only going to retrieve the grid.
Sometimes the design guidelines of the projects you get to work on are very particular and the most viable option is to either develope a custom theme or to create the styleguide yourself, so the craftman manifesto is the best choice you can make in projects like this. After using this grid a couple of times, I decided is was a good idea to share it and here we are.

Goals

  • Make the development process of responsive static sites easier.
  • Create a light pure css responsive grid system.
  • Have as much control as possible over the code.
  • Control, yes, control again.

Grid System

12
11
1
10
2
9
3
8
4
7
2
3
6
2
4
5
2
5
4
4
4
3
6
3
2
4
6
1
10
1

Utilities