#5: Columns of Equal Height: Super Simple Two Column Layout

Avatar of Chris Coyier
Chris Coyier on

AWS Amplify - the fastest, easiest way to develop mobile and web apps that scale.

Download Video
(Only MVP Supporters can download original high-quality recordings for offline viewing.)

Forcing multiple columns to be of equal height is one of those tricky things in web design. In this screencast I’ll show you a little trick around it. Instead of making the actual elements themselves equal height, we’ll use a background image to “fake” the look of equal height columns.

Links from video: