8px grid system

3 years ago from Alexis Wollseifen, Designer & front-end developper

  • John Barrows, 3 years ago

    my understanding is that 8 is a clearer divisor for most of the numbers we see most in computer logic (8, 16, 32, 256, etc). Also, as browser default type sizes are 16px, then that browser default of 16px becomes an immediate multiple of 8. Screen sizes like 1024 x 768 are easy multiples for an 8 pixel grid.

    Newer iPad Pros sizes aren’t easy multiples of 10 or 8. So, the 8pixel grid may still be an easy mental model from which to design, but I don’t know how well it fits final rendered CSS anymore.

    1 point