<div class="flex-display">
<div class="flex-item">Some Text</div>
<div class="flex-item">Some Text</div>
<div class="flex-item">Some Text</div>
<div class="flex-item">Some Text</div>
<div class="flex-item">Some Text</div>
<div class="flex-item">Some Text</div>
<div class="flex-item">Some Text</div>
<div class="flex-item">Some Text</div>
<div class="flex-item">Some Text</div>
<div class="flex-item">Some Text</div>
</div>
.flex-display {
//display: flex;
//flex-wrap: wrap;
}
.flex-item {
//background-color: #666;
//padding: 10px;
//margin: 5px;
//border-radius: 5px;
//flex-grow: 1;
//flex-shrink: 0;
//width: 150px;
//height: 150px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.