I am a newb. My question is from this Material Design specification document:

All components align to an 8dp square baseline grid for mobile, tablet, and desktop.

The image at the end of the question is given as an example.

I didn't know what a baseline grid is, so from my reading of this blog article, I gathered that baseline grid is an underlying structure (essentially a pattern of equally-spaced horizontal lines) that helps guide the vertical spacing and alignment of components in our design. Example image here.

So the question is that does the statement from Material Design spec. quoted above mean that the baselines (the mentioned horizontal lines) are spaced at a distance of 8 display pixels? Or what does it mean? How should a layman/newbie like me understand it?

enter image description here

  • 1
    I believe that your statement is correct - but since each cell is square the vertical lines should be kept in mind while designing as well – Zach Saucier Feb 14 '16 at 20:56
  • Yeah thanks, but why did you delete your answer? I was just going to mark it as the accepted answer. – Solace Feb 14 '16 at 20:56
  • 1
    Because it was incorrect partially :P This post might help with your understanding – Zach Saucier Feb 14 '16 at 20:57

Browse other questions tagged or ask your own question.