This block is self-contained and will function with any theme or framework. The 5 breakpoints have been adopted from Bootstrap 4.2.1.
While the interface will say "Phone" or "Tablet" these are general guidelines. It actually checks the pixel width of any given screen and uses that breakpoint.
The breakpoints are:
If you set the smallest breakpoint and fail to set a larger size, the small breakpoint will affect EVERY screen size. It cascades upward.
So if you want a set space on every screen just set the smallest setting and the rest will inherit that setting.
This block offers a choice of 3 measurement units for your setting: rems, pixels, and vw or viewport width fractions.
The VW setting will decrease its height in relationship to the screen width the page is viewed on. What this means is that now you can attain realistic spacing on huge monitors as well as the smartphone screen.