I have trouble understanding the relationship between Material Layout definitions and Material 8px grid system. When you place one above another, they don't match.
So, what do I use the layout for? And what do I use the gird for?
On the other hand, I've read about hard grids and soft grids, but it’s not very clear the difference between them. How would you define it?