Skip to content

Instantly share code, notes, and snippets.

@HereIsJade

HereIsJade/index.html

Created August 7, 2018 19:32
Show Gist options
  • Save HereIsJade/3238b314343931a72d083a80e066f8fa to your computer and use it in GitHub Desktop.
Save HereIsJade/3238b314343931a72d083a80e066f8fa to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin // source http://jsbin.com/wolojed
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
*{
padding:0;
margin:0;
}
ul{
list-style:none;
}
ul{
backgorund:#ddd;
width:380px;
border:1px solid black;
margin:auto;
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}
li{
background:#fff;
border: 1px solid red;
width:100px;
height:100px;
margin:10px 0;
}
</style>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<script id="jsbin-source-css" type="text/css">*{
padding:0;
margin:0;
}
ul{
list-style:none;
}
ul{
backgorund:#ddd;
width:380px;
border:1px solid black;
margin:auto;
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}
li{
background:#fff;
border: 1px solid red;
width:100px;
height:100px;
margin:10px 0;
}</script>
</body>
</html>
Raw
jsbin.wolojed.css
*{
padding:0;
margin:0;
}
ul{
list-style:none;
}
ul{
backgorund:#ddd;
width:380px;
border:1px solid black;
margin:auto;
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}
li{
background:#fff;
border: 1px solid red;
width:100px;
height:100px;
margin:10px 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment