Получение двух столбцов сетки рядом друг с другом ⇐ CSS

[Anonymous]

Я пытаюсь разместить два столбца сетки рядом друг с другом, сейчас есть только один столбец, и они находятся прямо под друг другом.
css >

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

@media screen and (min-width:768px) and (max-width:989px) {
main section{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 0px 0px;

}

Я получил ответ, который указал мне правильное направление и заставил меня осознать, что я не нацеливаюсь на правильные элементы в своем CSS. Итак, я собираюсь опубликовать это в своем HTML-коде, чтобы попытаться получить более четкое представление о том, почему я не нацеливаюсь на нужные элементы.

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

 



Winter


[url=winter.html]
[img]assets/images/winter.jpg[/img]
[/url]

Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit       dolore enim sequi dignissimos vel fugit
reiciendis minus voluptatem nostrum, at repellat odio libero cum eveniet officiis, cumque veritatis, qui
eaque.









Winter


[url=winter.html]
[img]assets/images/winter.jpg[/img]
[/url]

Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit dolore enim sequi dignissimos vel fugit
reiciendis minus voluptatem nostrum, at repellat odio libero cum eveniet officiis, cumque veritatis, qui
eaque.








Summer


[url=summer.html]
[img]assets/images/summer.jpg[/img]
[/url]

Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit dolore enim sequi dignissimos vel fugit
reiciendis minus voluptatem nostrum, at repellat odio libero cum eveniet officiis, cumque veritatis, qui
eaque.






Autumn


[url=autumn.html]
[img]assets/images/autumn.jpg[/img]
[/url]

Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit dolore enim sequi dignissimos vel fugit
reiciendis minus voluptatem nostrum, at repellat odio libero cum eveniet officiis, cumque veritatis, qui
eaque.

Это мой основной HTML-код, и я пытаюсь выбрать элемент так, чтобы каждый раздел выглядел как на картинке. Зимняя и весенняя секции расположены рядом друг с другом, а затем летняя и осенняя секции, оставшиеся две.

Подробнее здесь: https://stackoverflow.com/questions/719 ... each-other