Skip to content

Instantly share code, notes, and snippets.

@hmert

hmert/clients.html

Last active November 6, 2015 20:31
Show Gist options
  • Save hmert/59c358ac7ced4a11cfb4 to your computer and use it in GitHub Desktop.
Save hmert/59c358ac7ced4a11cfb4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
clients.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style>
body{
background:#ededed;
padding:20px;
}
ul{
list-style: none;
margin: 0px;
padding: 0;
}
/*CLIENTS*/
.clients:before,.clients:after{
content: "";
display: table;
}
.clients:after{
clear: both;
}
.clients{
border-width: 0 1px 1px 0;
border-style: solid;
border-color:#d7d7d7;
}
.clients li{
float: left;
width: 25%;
text-align: center;
line-height: 185px;
border-width: 1px 0 0 1px;
border-style: solid;
border-color:#d7d7d7;
padding:25px;
}
.clients li img{
display: inline-block;
text-align: center;
}
@media (max-width: 991px){
.clients li{
width: 50%;
line-height: 130px;
}
}
</style>
</head>
<body>
<div class="container">
<ul class="clients">
<li><img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=hmert&w=150&h=150" alt=""></li>
<li><img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=hmert&w=150&h=150" alt=""></li>
<li><img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=hmert&w=150&h=150" alt=""></li>
<li><img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=hmert&w=150&h=150" alt=""></li>
<li><img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=hmert&w=150&h=150" alt=""></li>
<li><img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=hmert&w=150&h=150" alt=""></li>
<li><img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=hmert&w=150&h=150" alt=""></li>
<li><img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=hmert&w=150&h=150" alt=""></li>
</ul>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment