Modal with <li> <ul> doesn't align (CSS GRID)

I’m using a perfectly working modal from here,

Now in this modal I would like to align the top 4 (naam, veg/vl, productie, extra as example) as table headers and the other should auto flow below it. Some elements listen to its parent others don’t.

Anybody any clue in how to achieve this?

You could use a table instead of a list.