TailwindCSS framework for Webflow
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

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;
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;
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;
ks-container-xl
none
 position: relative;
 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;

Examples

ks-container-sm
ks-container-md
ks-container-lg
ks-container-xl
ks-container-2xl