.error-details
  &__intro-text
    font-size: $f-normal
    line-height: 1.6em
    text-align: center
    .heading\@small
      +max-width($small)
        font-weight: bold
        display: block
  &__feedback-list
    width: 100%
    +min-width($small + 1)
      display: grid
      grid-auto-flow: row dense
      grid-gap: 0.5em
      grid-template-columns: repeat(3, 1fr)

.error-details
  &__intro-text
    font-size: $f-normal
    line-height: 1.6em
    text-align: center
    .heading\@small
      +max-width($small)
        font-weight: bold
        display: block
  &__feedback-list
    width: 100%
    +min-width($small + 1)
      display: grid
      grid-auto-flow: row dense
      grid-gap: 0.5em
      grid-template-columns: repeat(3, 1fr)
      // For IE 10 and 11, we can not use grid-auto-flow, and getting good results otherwise is not feasible
      @media all and (-ms-high-contrast: none)
        display: block
        .feedback-info
          margin: 0.5em 0 0.5em 0

Add IE10/11 support for error feedback
Add IE10/11 support for error feedback

In these browsers we can not fully utilize the grid layout. So we fall
back to block layout. Where all items are displayed in 100% width blocks
