title: Grid layout internet explorer not working like expected
body: <p>Currently I'm checking my website in all browsers and found a problem. Normally this tabs should looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/s4vxS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/s4vxS.png" alt="enter image description here"></a></p>
  
  <p>But when I open the page in the IE it looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/X695v.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/X695v.png" alt="enter image description here"></a></p>
  
  <p>I've checked the DOM and B is under A. I've did it like described in the CSS documentation but it's not working. This is my CSS for this tab:</p>
  
  <pre><code>ul.tabs {
      display: grid;
      display: -ms-grid;
      grid-template-columns: 1fr 1fr;
      -ms-grid-columns: 1fr 1fr;
  }
  </code></pre>