[Container] Nested containers on mobile screens should not have double margin

[MartinRixham]

Wouldn't it make sense to remove the margin of nested containers on mobile screens?

like so:

@media only screen and (max-width: @largestMobileScreen) {
.ui.container .ui.container {
margin-left: 0 !important;
margin-right: 0 !important;
}
}

I would like to use a text container inside of a normal container. This looks fine on most screens but on mobile there is a double margin at the side. Perhaps it is unusual to nest containers but for my purpose the text container contains the main page content and the outer container contains the area controlled by a navigation component (which animates page transitions).

[y0hami]

I see where you are coming from but I see this as expected behaviour. If anyone else has an opinion or a reason for this to change feel free to comment.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.

[MartinRixham]

Is there a case in which the current behaviour is preferred?