grid not work

سلام ، من از css grid استفاده کردم ولی درست کار نمیکنه

http://uupload.ir/files/gs1l_untitled.png

به جای اینکه سایدبار به سمت راست خودش بچسبه اومده سمت چپ . یعنی من اگه سه تا پست بزارم میره سمت راست ، در غیر این صورت ثابت نیس

اینم کدم

.main .center{
    display: grid;
    grid-template-columns: 3fr 1fr;
}

.main .center .posts{
    display: grid;
    grid-template-columns: repeat(3 , 1fr);
    grid-gap: 30px;
}