<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
body {
display: flex;
flex-wrap: wrap;
}
.item {
margin: 10px 5px;
width: calc(50% - 10px);
height: 300px;
background: #000;
}
@media (max-width: 900px) {
.item {
width: 100%;
}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.