Responsive Image Horizontal Crop

by Neviton

HTML

<div class="responsive-crop">
	<img src="http://lorempixel.com/472/80/nature" alt="" class="responsive">
</div>

<div class="responsive-crop">
	<img src="http://lorempixel.com/472/160/nature" alt="" class="responsive">
</div>

SCSS

* {
	box-sizing: border-box;
}
.responsive-crop {
	overflow: hidden;
	text-align:center;
	width: 100%;
	img {
		margin:0 -100%;
	}
}