Spacing & Structure
This library uses Client-First core structure. This structure is a set of classes and principles to create the base of HTML around the page content, where each of these classes has a specific use. Learn more about it in Finsweet's Client-First docs.
* Finsweet's Client-First approach to structure your website.
Container Classes
container-large
Max-width: 75 rem (1200px)
container-medium
Max-width: 58 rem (928px)
container-small
Max-width: 48 rem (768px)
Max Width Classes
max-width-large
Max-width: 48 rem (768px)
max-width-medium
Max-width: 36 rem (576px)
max-width-small
Max-width: 20 rem (320px)
Space
space-large
Height: 4 rem (64px)
space-medium
Height: 1.5 rem (24px)
space-small
Height: 1 rem (16px)
© 2022 Combine Library by Maria Marin. Powered by Webflow.