I’m currently working on a new page which has a hero video banner. I prefer to use the SP Page Builder front-end editor, however when I do that, the page shows up blank. I use JSpeed plugin and in the past I had to disable it for the front-end editor to work. I did disable it, however that did not make a difference. When I use the back-end editor, in the preview mode, page opens with the video banner visible, however for some reason, specified margins are not being reflected. There is a clear difference between the front and back-end editors, it seems like they were developed by different people. Some settings which are available in the front-end aren't available in the back-end. Most of the time even small marginal adjustments can be made only through custom CSS, which bloats up CSS tremendously. For instance the front-end provides with ability to set desktop margins, the back-end goes only to laptop.

So the question I have is there a way to control margins without use of custom CSS?