As for how they can be harmonized to make the elements go beyond the screen area on the right, and jumped down?

Each of these 8 elements are inside a grid container. I need to lower the elements were in line with the first four, but went beyond the right of the screen.
5e42649882fda644271774.jpeg
At the moment the css code grid container, which contains the 8 elements looks like this:
.resultContainer {
 display: grid;
 grid-area: resultContainer;
 width: 100%;
 grid-template-columns: 25% 25% 25% 25%;
 padding-top: 100px;
 margin-right: 20px;
}

Please tell me how can I shift the elements of the lower right area of the screen. They can be much below 4, it is necessary that they are all lined up right outside the block scope.
April 7th 20 at 11:07
0 answer

Find more questions by tags CSS Grid