B29 - Right Container Margin Not Adjusting

When adjusting the margins of a container element, the right margin does not show correctly. I may be doing something incorrectly.

This has hit me as well…

I had this happen not sure it is related but I did screen video and Dan replied with reason, thread below

This is “expected behaviour”.

The Container has a width of Full, which is 100% (in this case 100% of the viewport as it’s at the root of the page).

So in this case here’s what’s happening:

  • Container’s width is 100% of the viewport
  • You are adding margin to the left and right.
  • The left margin moves the Container in from the left
  • Because the Container is set to 100%, it runs off screen to the right due to the left margin.

This is how it is expected to work with the settings you have applied.

Don’t worry though as there’s an easy fix; change the Sizing -> Width option to auto like so:

Let me know if you need more help with this :slight_smile: