On extra large screens, the main content area occupies 75% of the width.

On medium-sized screens, the main content area occupies 66.66% of the width.

On small screens, the main content area occupies 100% of the width and the side content is hidden.