CSS GRID для элементов базы данных ⇐ Html

[Anonymous]

Я попытался сделать элементы из моей базы данных в последовательности сетки, используя CSS, но все элементы перемещаются слева вместо Grind < /p>

Я попробовал все способы сеть элементы, но все это провалилось.
Это мой код Javascript:

Код: Выделить всё

var html = "";
html += "";
html += "";
html += snap.val().title;
html += "   
";
html += snap.val().post;
html += "
";
var pic = snap.val().image;
if (pic != "empty") {
html += "";
html += "";
html += "";
html += "
 By : Havoshing Admin
";
html += "
";
html += snap.val().time1;
html += "";
} else {
html += "
";
html += snap.val().time1;
html += "";
}
html += "";
html += "

";
document.getElementById("content").innerHTML += html;
< /code>
Это мой код CSS: < /p>
#content {
display: grid;
grid-template-columns: 50% 50%;
padding: 10px;
}

Как я могу понять, что не так?

Подробнее здесь: https://stackoverflow.com/questions/737 ... base-items