Fluid Images

by Kenneth Stoddard

HTML

<section class="container">
	<img src="http://placehold.it/750x250">
	
	<div class="copy">
		<a href="mailto:[email protected]" target="_top">Email</a>
		<p>
			<span class="phone-number">Phone Number</span><br />
			<span class="tagline">Tagline</span>
		</p>
	</div>
</section>

CSS

body {
	font-family: 'Helvetica', 'Arial', sans-serif;  
    background: white 
}

.container {
	bottom: 0;
	left: 0;
	height: 300px;
	margin: auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 100%;
}

.container img {
	max-width: 100%;
}