BULMA: How to get equal width for first column? Only by using a table?

building a web page using Bulma I want to display several events in this way:

<div class="card" style="background: lightgreen;"><div class="card-header p-4"><div class="is-flex is-flex-direction-row "><div class="has-text-right pr-4 is-one-quarter" style="white-space: nowrap;"><strong>[1st column]</strong><br/>

See https://codepen.io/baschtl/pen/PobXamm

But I want to have the first column for each "row/line" always have the equal width.

But maybe this would be only possible by using the good, old TABLE element [https://bulma.io/documentation/elements/table/] and not columns or something else, too?

Thanks a lot!

mtemp