0

when i create page blog, i have the poste with deferent size, i find this

enter image description here

but i want this

enter image description here

This is my code:

.col{
 width: 500px;
 margin: 0 1.5% 10px 1.5%;
 border: solid thin #363636;
 float: left;
}

.col-1{height: 100px;}
.col-2{height: 50px;}
.col-3{height: 340px;}
.col-4{height: 260px;}
.col-5{height: 280px;}
.col-6{height: 300px;}
.col-7{height: 220px;}
.col-8{height: 240px;}
<div class="col col-1">Article 1</div>
<div class="col col-2">Article 2</div>
<div class="col col-3">Article 3</div>
<div class="col col-4">Article 4</div>
<div class="col col-1">Article 5</div>
<div class="col col-2">Article 6</div>
<div class="col col-3">Article 7</div>
<div class="col col-4">Article 8</div>

P.S: i have too many post in my blog not just 4

Thanks for your help

0 Answers0