Равное деление flex контейнера
.four {
display: flex;
flex-wrap: wrap; /* перенос элементов */
gap: 0.6rem; /* промежуток между элементами */
}
.four>div {
flex: 1 1 calc((100% - (0.6rem * 3)) / 4);
}
.two {
display: flex;
flex-wrap: wrap; /* перенос элементов */
gap: 0.6rem; /* промежуток между элементами */
}
.two>div {
flex: 1 1 calc(50% - 0.3rem);
}