Summary

Think in components, named with 2 words (.screenshot-image)
Components have elements, named with 1 word (.blog-post > .title)
Name variants with a dash prefix (.shop-banner.-with-icon)
Components can nest
Remember you can extend to make things simple