16 lines
404 B
CSS
16 lines
404 B
CSS
/**
|
|
* WRAPPER
|
|
* Sets a max width, adds a consistent gutter and horizontally
|
|
* centers the contents
|
|
* https://piccalil.li/quick-tip/use-css-clamp-to-create-a-more-flexible-wrapper-utility/
|
|
*/
|
|
.wrapper {
|
|
container-type: inline-size;
|
|
width: 90vw;
|
|
width: clamp(16rem, 90vw, 72ch);
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
position: relative;
|
|
}
|