@media(min-width:761px){
  .responses summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px}
  .response-summary{display:grid;grid-template-columns:30px minmax(210px,1fr) auto auto;grid-template-rows:auto auto;align-items:center;column-gap:12px;row-gap:3px;flex-wrap:initial}
  .response-summary::before{grid-column:1;grid-row:1/3;margin:0}
  .response-summary>strong{grid-column:2;grid-row:1;margin:0}
  .response-summary .evaluator-name{grid-column:2;grid-row:2;display:block;min-width:0;margin:0;padding:0;white-space:normal}
  .response-summary .score-visual{grid-column:3;grid-row:1/3;align-self:center;margin:0;white-space:nowrap}
  .response-summary .delete-submission-btn{grid-column:4;grid-row:1/3;align-self:center;margin:0;white-space:nowrap}
  .responses summary>span:last-child{align-self:center;white-space:nowrap}
}
@media(max-width:760px){
  .responses summary{display:block}
  .response-summary{display:grid;grid-template-columns:30px 1fr;gap:5px 10px}
  .response-summary::before{grid-column:1;grid-row:1/3}
  .response-summary>strong{grid-column:2;grid-row:1}
  .response-summary .evaluator-name{grid-column:2;grid-row:2;margin:0;padding:0}
  .response-summary .score-visual{grid-column:2;grid-row:3;margin:4px 0}
  .response-summary .delete-submission-btn{grid-column:2;grid-row:4;justify-self:start;margin:2px 0}
}