<div class="parent">
<div class="item">aaa</div>
<div class="item">aaa</div>
<div class="item">aaa</div>
<div class="item">aaa</div>
<div class="item">aaa</div>
<div class="item">aaa</div>
</div>.parent {
column-count: 3;
}
.item {
page-break-inside: avoid;
border:1px solid #f00;
height:50vh;
margin-bottom: 30px;
}
.item:nth-child(3) {
height: 60vh;
}
.item:nth-child(4) {
height: 40vh;
}'name' => ($result['short_name'] ? $result['short_name'] : $result['name']),h1 {
font-size: 30px;
position: relative;
display: table;
}
h1:before, h1:after {
content:'';
display: block;
width: 30px;
height: 5px;
position: absolute;
transform: rotate(-45deg);
}
h1:before {
top:0;
left:-20px;
background:#f00;
}
h1:after {
bottom:0;
right:-20px;
background:#0f0;
}