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.