CSS ile 4 tane yan yana nasıl yaparım

.grid-three-layout .post {
width: calc( 33.33% - 14px );
float: left;
}

.grid-three-layout .post:nth-of-type(3n-1), .grid-three-layout .post:nth-of-type(3n-2) { margin-right: 21px }

.grid-three-layout .clearfix:nth-of-type(3n-1), .grid-three-layout .clearfix:nth-of-type(3n-2) { display: none }


bu kodla 3 tane yazıyı yan yana yapıyorum. 4 tane yan yana nasıl yaparım?

33.33% yerine 25%

width: calc( 25% - 14px ); yaptığınızda sorununuz çözülür.

width: calc( 33.33% - 14px ); yerine
width: %25;
Kullan

grid kullanın.

kapsayıcı dive;
display:grid;
grid-template-columns:repeat(4,1fr);
grid-gap:1em;

işinizi görür.

hepinize teker teker teşekkür ederim oldu arkadaşlar

Neden bu kadar zorluyorsunuz css i grid yapısını güzel yaptıktan sonra width 25 yeterli

Sizin sorununuz çözülmüş ancak daha sonraki arkadaşlar için daha basit yapıda kodları paylaşayım.

https://jsfiddle.net/gfjx2thd/