Layout vs Grid Problem [migrated]

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?

Thanks!