Grid column width is uneven in one container

HTML & CSS
29

Wouldn’t that defeat the purpose of using the grid layout though?
e.g.

<div class="u-size4of12 staff-image">
		<img alt="FirstName LastName" height="140" src="/image/image_gallery?uuid=39a2be96-fec1-4be7-91df-19d14b3397e3&amp;groupId=170954&amp;t=1469545544825" />
		<div class="staff-info">
			<p>
				<strong>FirstName LastName</strong></p>
			<p>
				<em>Director</em></p>
			<p>
				<a href="mailto:tktaylor@jwcc.edu">emailaddress</a></p>
			<p>
				ext. 0000</p>
		</div>
	</div>

Where u-size4of12 is:
.u-size4of12{width: 33.33%;}

(thanks @technobear for fixing my layout :stuck_out_tongue: )

1 Like