Как сделать grid элементы в два ряда?

Question

[gazes12]

На флексах, я делал так:

.flex-container{
    display: flex;
    flex-wrap: wrap;
}
.flex-elements{
    flex: 0 0 50%;
}

И элементы выстраивались в два ряда. А как сделать тоже самое ну с гридами?

Answer 1

[Сергей delphinpro]

.flex-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.flex-container{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}