bl-frontend-rs/css/body.css

50 lines
1.2 KiB
CSS

body {
margin: 0; /* Remove body margins */
background-color: rgb(250, 248, 248);
}
.page-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding-left: clamp(35px, 10%, 10vw);
padding-right: clamp(35px, 5%, 10vw);
padding-top: clamp(85px, 10vw, 160px)
}
@media only screen and (min-width: 1000px) {
.page-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding-left: clamp(35px, 25%, 10vw);
padding-right: clamp(35px, 25%, 10vw);
padding-top: clamp(85px, 10vw, 160px)
}
}
/*
@media only screen and (min-width: 750px) {
.page-container {
padding: 0px 50px;
padding-top: 85px;
}
}
@media only screen and (min-width: 1000px) {
.page-container {
padding: 0px 75px;
padding-top: 85px;
}
}
@media only screen and (min-width: 1500px) {
.page-container {
padding: 0px 120px;
padding-top: 85px;
}
}
@media only screen and (min-width: 1700px) {
.page-container {
padding: 0px 200px;
padding-top: 85px;
}
}*/