Материалы в несколько колонок для uCoz

<div class="weff-ceo-design">  
<div class="weff-title"><span class="xml-text"><a href="$SITE_DIRECT_URL$" target="_blank">$TITLE$</a></span></div>
  <div class="weff-img tesanuladudsan"><a href="$SITE_DIRECT_URL$" target="_blank" title=""><img src="http://www.robothumb.com/src/?url=$SITE_DIRECT_URL$&size=190x120&alt=[$TITLE$]"></a></div>  
<div class="weff-details"> <li style=" float: right; margin-right: 2px; "><a href="$CATEGORY_URL$">$CATEGORY_NAME$ $SECTION_NAME$</a></li></div>  
</div>

.weff-ceo-design {
  background-color: #fff;
  display:inline-block;
  float:left;
  border-radius: 1px;
  margin-right: 24px;
  margin-bottom: 24px;
  width: 22%;
  height: 288px;
}
   
user agent stylesheet div{
display: inline-block;
vertical-align: middle;
}
.weff-img img{
object-fit: cover;
height: 200px;
width: 100%;
border-radius: 5px;
box-shadow: 0px 4px 15px rgba(183, 180, 180, 0.42), 0px 10px 30px -15px rgba(0, 0, 0, 0.45);
border: 2px solid rgb(92, 92, 93);
}
.weff-img2 img{
height: 200px;
width: 140px;
box-shadow: 0px 3px 10px #fff;
  display:inline-block;
}
.weff-title{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
padding: 15px 0px 10px 0px;
}
.weff-title a{
line-height: 1.3;
word-wrap: break-word;
color: #000;
font-size: 15px;
font-weight: normal;
}
.weff-title a:hover{
color: #ddd;
  display:inline-block;
}
.weff-details{
padding-left: 3px;
margin-top: 5px;
height: 23px;
line-height: 17px;
font-size: 13px;
border-bottom: #736a6a 1px solid;
padding-bottom: 12px;
}
.weff-details li{
list-style: none;
margin-right: 15px;
display: inline-block;
}
.weff-details i{
color: #fff;
padding-right: 5px;
}
.weff-details a{
color: #fff;
background-color:#000;
}
.weff-details a:hover{
color: #fff;
}
@media only screen and (max-width: 888px) {
.weff-ceo-design {
  width: calc(45% - ((24px * 3) / 4));
  }
.weff-ceo-design {
  margin-right: 24px;
  }
  }
@media only screen and (max-width: 820px) {
  .weff-ceo-design {
  top: 20px;
}}
@media only screen and (max-width: 768px) {
  .weff-ceo-design {
  width: calc(45% - ((24px * 3) / 3));
  }