Images

Responsive images

	
<img src="folder/my-image.jpg" width="99%" alt="Responsive image">

Image Styling

	
<article>	

	<img class="image-wrap" src="http://placehold.it/200x200">

</article>

Image inside an article tag with the class of image-wrap displays images styed as above.

Image with banner over

My Image

New

	
<article class="deal">

	<a class="image-wrap" href="#">

		<img alt="My Image" src="http://placehold.it/500x350">

	</a>

	<span class="slash">New</span>

</article>