Making a nice table list

  <div class="table">
      {
          session.events.map(e => (
                          <div class="row">
                              {
                                  e.isMistake ?
                                          <span class="cell material-symbols-outlined error">
                                              report
                                          </span> :
                                          <span class="cell material-symbols-outlined">
                                              info
                                          </span>
                              }
                              <div class="cell">{e.timestamp.toLocaleTimeString()}</div>
                              <div class="cell">{e.traineeId}</div>
                              <div class="tag">{e.type}</div>
                              <div class="cell">{e.description}</div>
                          </div>
              )
          )
      }
  </div>

.table {
    display: flex;
    flex-direction: column;

}

.row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0;
    padding: .5rem 1rem;
    background-color: //some color;
    border-radius: .5rem;

}

.cell {
    margin: 0 1rem;
}