Containers
Style structure
Class
Breakpoint
Properties
ks-container-sm
none
position: relative;
display: flex;
width: 100%;
max-width: 640px;
margin-right: auto;
margin-left: auto;
flex-direction: column;
flex-wrap: nowrap;
display: flex;
width: 100%;
max-width: 640px;
margin-right: auto;
margin-left: auto;
flex-direction: column;
flex-wrap: nowrap;
ks-container-md
none
position: relative;
display: flex;
width: 100%;
max-width: 768px;
margin-right: auto;
margin-left: auto;
flex-direction: column;
flex-wrap: nowrap;
display: flex;
width: 100%;
max-width: 768px;
margin-right: auto;
margin-left: auto;
flex-direction: column;
flex-wrap: nowrap;
ks-container-lg
none
position: relative;
display: flex;
width: 100%;
max-width: 1024px;
margin-right: auto;
margin-left: auto;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
display: flex;
width: 100%;
max-width: 1024px;
margin-right: auto;
margin-left: auto;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
ks-container-xl
none
position: relative;
display: flex;
width: 100%;
max-width: 1280px;
margin-right: auto;
margin-left: auto;
display: flex;
width: 100%;
max-width: 1280px;
margin-right: auto;
margin-left: auto;
ks-container-2xl
none
position: relative;
display: flex;
width: 100%;
max-width: 1536px;
margin-right: auto;
margin-left: auto;
display: flex;
width: 100%;
max-width: 1536px;
margin-right: auto;
margin-left: auto;
Examples
ks-container-sm
ks-container-md
ks-container-lg
ks-container-xl
ks-container-2xl