<view class="flex-container">
<view class="flex-1">flex item 1</view>
<view class="flex-2">flex item 2</view>
<view class="flex-3">flex item 3</view>
</view>
.flex-container {
display: flex;
}
.flex-1 {
background-color: cornflowerblue;
width: 100px;
height: 100px;
}
.flex-2 {
background-color: #ff4eff;
width: 100px;
height: 100px;
}
.flex-3 {
background-color: #ff444f;
width: 100px;
height: 100px;
}