title: Place items in pairs in two rows using css grid
body: <p>I'm trying to render items in a specific order, look at the picture:
  <a href="https://i.stack.imgur.com/eIC6o.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eIC6o.png" alt="enter image description here" /></a></p>
  <p>i.e. there is an infinite number of items, by columns, each column has two items. Do you have any ideas how to code this using grids or flexbox or any other way (maybe by combining them)? I know I can do it with tables, but I'm trying to avoid them this time.</p>