Uniform Books list

by Saksham Malhotra

HTML

<div class="books">
  <div class="book">Loren</div>
  <div class="book">Dummy Book</div>
  <div class="book">Shake it Up</div>
  <div class="book">I Like it</div>
  <div class="book">Way up</div>
  <div class="book">This is what I want</div>
  <div class="book">Loren Ipsum</div>
  <div class="book">Loren</div>
  <div class="book">Just do it</div>
  <div class="book">Hhahahahah</div>
</div>

CSS

.books {
  background-color: #aaa;
  width: 400px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.books:after {
  flex: 100;
  content: '';
}

.book {
  margin: 2px 1px;
  padding: 10px;
  background-color: #888;
  white-space: nowrap;
  flex: 1;
  text-align: center;
}