church-website/src/components/Container/styles.module.scss
2024-11-12 15:39:11 +01:00

25 lines
329 B
SCSS

$width: 1100px;
.container {
max-width: $width;
margin: 0 auto;
}
.flex {
display: flex;
gap: 80px;
align-items: center;
flex-wrap: wrap;
}
.right {
max-width: inherit;
margin-left: calc((100vw - $width) / 2);
}
@media screen and (max-width: $width) {
.container {
padding: 0 20px;
margin: 0;
}
}