I need someone to fix a comparison table I made on Webflow.

This is the table that needs fixing:

simons-top-notch-site-a1b47a.webflow.io/

The table displays properly on desktop but not on mobile (the text in each comparison cell column does not line up with each heading).

We also need to reduce the left hand side padding on mobile view and add some "traffic light" indictors on the left hand side of the text in each of the comparison cells (green/orange/red)

This is for a Webflow project, so I need more than just edited HTML. The deliverable will be a a corrected webflow project with the updated comparison table (you can create it in your own Webflow account and then transfer to mine when it's complete)

The table is based on this Webflow template:

table-to-slider.webflow.io/

To show that you read the job post properly, please mention the difference between a flex cell and a grid cell in your application.

• The table displays properly on desktop but not on mobile (the text in each comparison cell column does not line up with each heading)
• This is for a Webflow project, so I need more than just edited HTML

• The deliverable will be a a corrected webflow project with the updated comparison table (you can create it in your own Webflow account and then transfer to mine when it's complete)