Containers
Containers have set max-width in REM (pixels properties only for orientation).
They also have margin-right: auto and margin-left: auto to center the content on screen.
Small container has a secondary class --is-centered which makes flex: center and text: center.
Style structure
Class
Breakpoint
Properties
ks-container-sm
none
max-width: 640px;
ks-container-md
none
width: 100%;
ks-container-lg
none
max-width: 1024px;
ks-container-xl
none
max-width: 1280px;
ks-container-2xl
none
max-width: 1536px;
Examples
ks-container-sm
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
ks-container-md
ks-container-lg
ks-container-xl
ks-container-2xl