Getting CMS grid to match a "Header" grid ***FIXED****

Design help General
1

Hi all. So I’m trying to build a baseball stats section that is populated from a CMS collection. If you reference the screenshot below, I have a “header” row set up in GRID (The “Player” and stat abbreviations “AB”, “H”, “1B”, etc). Then a collection list pulling in all the players and their stats, which is set up in a separate GRID.

My problem is the “header” abbreviation’s columns do not line up with the columns from the CMS collection. Any idea how I can get them to be the same size so everything lines up centered?

Here’s my read-only link, https://preview.webflow.com/preview/pogos-allstars?utm_medium=preview_link&utm_source=designer&utm_content=pogos-allstars&preview=f519dc00ba8f2f73231ce033aba98332&mode=preview

Screen Shot 2021-03-14 at 10.09.45 PM
Screen Shot 2021-03-14 at 10.09.45 PM3358×1826 501 KB

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Desktop ONLY at this point. I haven’t made it to the responsive design yet.

3

I figured it out. Needed to place the CMS list inside a div that was displayed Grid and gave the columns in both grids a set width.

I originally had the CMS itself displayed GRID.