Layout for static list of events on page (messy on mobile)

Ok, after some searching... I effectively want a table, but didn't realise it is already a hot topic! e.g. no built-in solution for table in SquareSpace. More here 

But my design is very simple, so I did a simple code work-around

// left align all text blocks on mobile view
@media screen and (max-width:640px) {
  section[data-section-id="652020b622bd57024793ce92"] .sqs-html-content p{
    text-align: left !important;
  }
}

I can keep the editing native and works on mobile too, problem solved!