How can I make the containers aligned in all the sections?



Hello,
So in the above images, one is in the editor version, and the other published.

Not sure why, when I preview the test site, the containers of each section on the page are not aligned, in spite of the padding.

But when while I am editing the page, both the section containers are aligned, I tried changing the responsive behavior, still not working. Not sure what the problem is, could someone let me know, how to resolve this.

Thank you in advance.

You might want to check if either of the sections have Max Width enabled. It should be either on or off for both their widths to match.

If this is not the issue, then it depends on what sizing unit you have used for the containers. If you are using px*, I would recommend instead to switch to Advanced Sizing and use % to get more control over your design.

1 Like