What's the equivalent of the container bootstrap class in purecss.io?

user_4157512 0
Viewed 59308

I'm using purecss for my project.

I want to have all my content center on my page like with the bootstrap container class.

I tried to use different things using the purecss grid but I can't figure out how to do it.

yui-pure-css twitter-bootstrap css
3 Answers

container value follow Boostrap 4.4,
https://getbootstrap.com/docs/4.4/layout/overview/

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
} 
@media (min-width: 576px) {
    .container {
        width: 540px;
    }
}
@media (min-width: 768px) {
    .container {
        width: 720px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 960px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1140px;
    }
}
user_53813310
Related