How to create a parent component that can align child component content correctly?

Hi,

I'm using chakra ui, I want to create a page with header tittle and cards below it. It looks like a table but not actual a table.

Problem I have is the text and the content is not align (see image here https://ibb.co/9rcL8rn).

So how do I create a wrapper, so I can put the header and the cards inside it then I can change gap/spacing/width just in 1 place, the the cards also change.

Thank you