A little more complex BEM example

complex.html

<style>
.case-studies {}
.case-studies__item {}
.case-studies__item--featured {}
.case-studies__link {}
.case-studies__image {} {}
</style>

<div class="case-studies">
	<div class="case-studies__item case-studies__item--featured">
		<a href="#" class="case-studies__link">
			<img src="one.png" class="case-studies__image" alt="">
			<h1>One</h1>
		</a>
	</div>
	<div class="case-studies__item">
		<a href="#" class="case-studies__link">
			<img src="two.png" class="case-studies__image" alt="">
			<h1>Two</h1>
		</a>
	</div>
	<div class="case-studies__item">
		<a href="#" class="case-studies__link">
			<img src="three.png" class="case-studies__image" alt="">
			<h1>Three</h1>
		</a>
	</div>
</div>