flexbox scaled tiles

by Saksham Malhotra

HTML

<div class="container">
  <div class="tile"></div>
  <div class="tile"></div>
  <div class="tile"></div>
  <div class="tile"></div>
  <div class="tile"></div>
  <div class="tile"></div>
</div>

CSS

.container {
  width: 600px;
  height: 400px;
  background-color: #eee;
  border: 1px solid #aaa;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.tile {
  border: 1px solid #888;
  height: 190px;
  width: 30%;
}
.tile:hover {
  transform: scale(1.3);
}