JSFiddle - React, Tailwind, and code Playground

HTML

Only one description list:
<dl>
  <dt>Authors</dt>
    <dd>John Doe</dd>
    <dd>Jane Doe</dd>
    <dd>Max Mustermann</dd>
    
  <dt>Etc</dt>
    <dd>etc...</dd>
    
  <dt>Publishers</dt>
    <dd>John Willey</dd>
    <dd>Miramax</dd>
    <dd>Mary Max</dd>
</dl>

CSS

@media screen and (max-width: 360px) {
  dt {
    font-weight: bold;  
    width: 33%;
    padding-top: 1em;  
  }
}

@media screen and (min-width: 360px) {
  dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  dt {
    font-weight: bold;  
    width: 33%;
    padding-top: 1em;  
  }
  dd {
    display: flex;
    margin: 0;
    padding-top: 1em;
  }

  dd + dd {
    width: 100%; 
    padding-top: 0;  
  }
  dt + dd:not(:nth-child(2)){
    width: 66%;
  }
  dd + dd::before {
    width: 33%;
    content: "";
    padding-top: 0
  }
}