laconic.com/src/components/sections/blog/posts-grid/posts-grid.module.scss
2022-04-13 09:35:37 -03:00

31 lines
720 B
SCSS

@import '~/css/helpers';
.container {
display: grid;
column-gap: tovw(24px, 'default', 24px);
padding-top: tovw(96px, 'default', 88px);
padding-bottom: tovw(80px, 'default', 80px);
grid-template-columns: repeat(3, 1fr);
row-gap: tovw(104px, 'default', 81px);
@media screen and (max-width: 800px) {
display: flex;
flex-direction: column;
gap: tovw(80px, 'default', 80px);
}
}
.title {
font-family: var(--font-arthemys);
font-size: tovw(76px, 'default', 42px);
font-weight: 400;
line-height: tovw(84px, 'default', 48px);
margin-top: 0;
margin-bottom: tovw(88px, 'default', 44px);
text-align: center;
@media screen and (max-width: 800px) {
letter-spacing: -0.02em;
}
}