It seems that the responsive engine takes the spacing amount at the “Use original width” and applies that percentage to the smaller device screen sizes (tablet, mobile landscape, and mobile portrait). But that’s not why I want and there’s no way to override it. I want to define how wide it should be at each screen size (>=1200px, 1199px-769px. 768px-668px, and 667px-381px, and <=380.
For example, notice the “You’re Confirmed” container in the screens below:
Here is my page at 1200px
Here’s the page at the tablet size in the responsive viewer, but I want it to be wider and there’s no way to make only this screen size wider without affecting the smaller screen sizes. I need to have an option to define breakpoints and different widths at those breakpoints.