XenForo Grid layout for node without addon 2.1/2.2

[AynaZ]

Just place it in Extra.less that will give it what you looking for
Note : you need to adjust the max-width: 1100px; according to your forum. good luck

.block--category {
@media (min-width: 1100px){
@supports(display: grid){
.block-body{display:grid; grid-template-columns:50% 50%;}
.block-container{background-color: #ffffff00;border:none;}
.node-body{
display:flex;
flex-wrap: wrap;
position:relative;
height: 100%;
padding:5px;
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
border-width: 1px;
border-style: dashed;
border-top-color: #353535;
border-bottom-color: #353535;
}
.node{margin: 5px 1px 5px 1px;}
.node-icon{width:12%; padding-top:5px;}
.node-main{width:87%;} .node-stats{width:110px;}
.node-extra{
position:absolute;
right:0px;
bottom:0px;
padding: 10px 10px 13px 0px;
}
}}
}

Result

 

[lil021g]

this tutorial copied of my forum. but thanks <3

 

[Marks-Man]

this tutorial copied of my forum. but thanks <3

what's your forum?
CSS can be customized in multiple ways.
I believe users should leave credits, but some forums only like to reveal there content to there VIP members, here everyone would learn for free

Thanks to @XenTeam for sharing

 

[lil021g]

toroseduto is my forum member and i send this tutorial 4 months ago in another website. i have no problem with this tutorial. i respect to all staff and thanks a lot for sharing resources for free.

 

[Alireza]

toroseduto عضو انجمن من است و من این آموزش را 4 ماه پیش در وب سایت دیگری ارسال کردم. من مشکلی با این آموزش ندارم. من به همه کارکنان احترام می گذارم و از اینکه منابع را به صورت رایگان به اشتراک می گذارم بسیار متشکرم.

[Xenbros] Grid layout for node without addon

Hemant here again with Node grid layout without Addon. Well after Developing some addon i really like to go back to learn and play with css but this time with flex instead of grid so here a quick mod for you. so here it is. So here a simple CSS...

xenforo.com