<div class="sample">
    <div class="sample-item item1">1</div>
    <div class="sample-item item2">2</div>
    <div class="sample-item item3">3</div>
    <div class="sample-item item1">1</div>
    <div class="sample-item item2">2</div>
    <div class="sample-item item-last">★</div>
</div>
.sample {
    display: flex;
    width: 350px;
    height: 150px;
    background-color: #ccc;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    resize: horizontal;
    flex-wrap: wrap;
    align-content: flex-start;
}

.sample-item {
    --i: 35px;
    background-color: #5555ff;
    width: 55px;
    height: var(--i);
    line-height: var(--i);
}

.sample-item.item1 {
    background-color: #ff5555;
}

.sample-item.item2 {
    background-color: #55ff55;
}

.sample-item.item-last {
    margin-left: auto;
    background-color: #ff9f55;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.