I am building the site below in Wordpress, using the Astra theme and Gutenberg builder.
There is a green section at the bottom and I cannot figure out the left and right padding on it. I have set it to be different for each device size: Desktop; Tablet; Mobile, but it behaving differently to all the other sections. When I remove all left and right padding from it, it is wider than the device vw.
Any help would be appreciated. Thanks
I bumped you up a level and fixed your link 
I’m not sure what the problem is. I’ve looked at the site on my iPad and desktop (different sizes on the latter and changing window sizes). It looks fine to me and behaves like I would expect it to.
Like Steve, I don’t see the problem you’re describing. The padding in the green section is the same as the padding in the other areas no matter the width of the browser window. Perhaps you’ve fixed it since you posted your message.
If it were me, I’d skip the four columns of text in that section and only use one column for the two narrowest widths and two columns for the others. However, that’s not what you asked about.
Agree - the flexboxes in the green section seems to respond correctly and evenly to resizing the window in my browser too (Firefox).