redrockjs/ocenka-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add adaptive to article

Browse Source
This commit is contained in:
Valery Grunenko
2025-07-07 15:24:13 +03:00
parent 40e010bafd
commit f20785993a
13 changed files with 326 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/feature/article/related-articles/styles.module.scss
View File

@@ -1,11 +1,30 @@
.Related {
.Container {
margin: 0 auto;
width: rem(1540px);
max-width: rem(1540px);
display: grid;
grid-template-columns: auto 360px;
gap: 160px;
padding: 0 40px;
grid-template-columns: auto auto;
gap: 0;
padding: 0 10px;
@include iftablet {
padding: 0 20px;
}
@include iflaptop {
grid-template-columns: auto 300px;
gap: 40px;
padding: 0 28px;
}
@include ifdesktop {
grid-template-columns: auto 360px;
gap: 160px;
padding: 0 40px;
}
.Block {
display: flex;
flex-direction: column;
}
}
.Header {
@@ -19,10 +38,14 @@
.Grid {
display: grid;
grid-template-columns: auto auto;
grid-template-columns: auto;
gap: 16px;
margin-bottom: 20px;
@include iftablet{
grid-template-columns: auto auto;
}
.Title {
font-family: $font-roboto;
font-weight: 500;