The most basic container for contents for consistency.
The max width is set to 1200px. This container is useful when you have to have a large image and text side by side, and when the page only uses the content type, such as in Landing Page.
The max width is set to 1000px. This container is useful when you have to put image and text side by side for larger screeens.
This wrapper is used for long reading. The max width is set to 800 px in order to make it easier to read.
The gap provides enough spacing between paragraphs.
By wrapping the "content-wrapper-reading" inside other wrappers such as "content-wrapper-large", it is easier to organize multiple readable sections with enough spacing.
More examples