SharePoint 2013 Displaying People Search Results in Multiple Columns

I recently had a need to take the normal people search results in SharePoint Online and make them look better.  In particular, use all that white space to the right of the default search results listing.  Forgive the photos below.  I wanted to keep the large resolution to demonstrate the functionality here.

Default People Search Results 

CSS

Drop this CSS in a Content Editor Web Part on the page.

<style type="text/css">
.ms-srch-people-outerContainer {
 min-height: 200px;
 margin: 0 0 0 -10px;
 padding-bottom: 10px;
 padding-left: 10px;
 float: left;
 clear: none;
}
.ms-srch-hover-standardSize {
 width: 300px;
 left: -300px;
}
</style>

Updated People Search Results

 

 

The result gives me what feels like a responsive design.  As I narrow my browser’s width, the search results adjust accordingly and even maintain their order.