Issues with mobile and tablet responsiveness

The design goals section of this page and the cards grid below it is totally breaking on mobile and becoming a horizontal scroll. On tablet, the design goals section doesn’t have the same padding as desktop and the icons don’t center align with the cards. Any help would be appreciated.

https://preview.webflow.com/preview/mudits-folio?utm_medium=preview_link&utm_source=designer&utm_content=mudits-folio&preview=8e8cb1f5968b19de09b8dd6c7209482a&pageId=5ea53119c07d78e92239dba0&itemId=5ea531385dd63e84a7d2a5b3&mode=preview

@muditk hi ,please take a look at this.

Thank you! I also noticed that the container under Section 5 and the container under Inner content block have different left and right padding when viewed on tablet, even though it is set to Auto in both the cases. Do you know why that is?

sorry ,my english is pretty basic.
can you explain with screenshot

Sure. Here are the two different container paddings I am talking about. Even though they are set to auto, they both look different.

@muditk because section 5 ,margin you have add 30px