avireni
1/31/2016 - 4:57 PM

CSS3 Flexbox

CSS3 Flexbox

styles.css
content_copyfile_download
.flex-container{
  display: flex;
}

.flex-item{
  background-color: grey;
  width: 100px;
  height: 100px;
  margin: 5px;
}
index.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
  <link rel='stylesheet' href='styles.css'/>
</head>
<body>
  <div class="flex-container">
    <div class="flex-item">Item 1</div>
    <div class="flex-item">Item 2</div>
    <div class="flex-item">Item 3</div>
    <div class="flex-item">Item 4</div>
    <div class="flex-item">Item 5</div>
    <div class="flex-item">Item 6</div>
    <div class="flex-item">Item 7</div>
    <div class="flex-item">Item 8</div>
    <div class="flex-item">Item 9</div>
  </div>
</body>
</html>