43 replies

What tag should be used for grid children? <li/>?

Usually I just nest divs and spans like this:

<div class="display: grid">
  <span>1</span>
  <span>2</span>
</div>

<div class="display: grid">
  <span>1</span>
  <span>2</span>
</div>

<div class="display: grid">
  <span>1</span>
  <span>2</span>
</div>

<div class="display: grid">
  <span>1</span>
  <span>2</span>
</div>

but I was wondering if there's some more semantic and accessible way of doing this. I think

<ol/> and <li/>

<ol/> and <li/>

<ol/> and <li/>

<ol/> and <li/> would be a better approach.