Wachisu

How you calculate your GRID ( HTML/CSS )

Aug 3rd, 2015
191
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.43 KB | None | 0 0
  1. First, we decide the desired space between columns, in this case 20, then the number of columns (12) and last the width of the container (1000).
  2.  
  3. Container: 1000.
  4.  
  5. Gutters: 20.
  6.  
  7. Columns: 12.
  8.  
  9. With these values we can start calculating.
  10.  
  11. Multiply 20 by 11 (12 – 1 as we don't want the last column to have any space):
  12.  
  13. 20 * 11 = 220
  14. Subtract 220 from 1000:
  15.  
  16. 1000 – 220 = 780
  17. Divide the result 780 by 12:
  18.  
  19. 780 / 12 = 65
Advertisement
Add Comment
Please, Sign In to add comment