TRI-283: end header + start adaptive 1400>

This commit is contained in:
2024-11-20 01:38:34 +03:00
parent 4996d02f71
commit d83940b47d
27 changed files with 1883 additions and 208 deletions

View File

@@ -1,8 +1,12 @@
.diff {
margin-bottom: 166px;
margin-bottom: 168px;
@media (min-width: 1720px) {
margin-bottom: 172px;
@media (min-width: 1720px) {
margin-bottom: 172px;
}
@media (max-width: 991.98px) {
margin-bottom: 125px;
}
.title {
@@ -13,6 +17,16 @@
width: 49%;
margin-bottom: 60px;
}
@media (max-width: 1304.98px) {
width: 73%;
margin-bottom: 40px;
}
@media (max-width: 991.98px) {
width: 90%;
margin-bottom: 40px;
}
}
&__grid {
@@ -30,33 +44,62 @@
left: 50%;
transform: translateX(-50%);
bottom: 0;
@media (max-width: 991.98px) {
display: none;
}
}
@media (max-width: 991.98px) {
display: block;
}
}
&__coll {
width: 50%;
@media (max-width: 991.98px) {
width: 100%;
}
&.left {
margin-right: 29px;
@media (max-width: 991.98px) {
margin-right: 0;
}
.diff__coll-title {
padding-left: 39px;
@media (min-width: 1720px) {
padding-left: 24px;
}
@media (max-width: 991.98px) {
padding-left: 0;
}
}
}
&.right {
margin-left: 29px;
@media (max-width: 991.98px) {
margin-left: 0;
display: none;
}
.diff__coll-title {
padding-right: 39px;
@media (min-width: 1720px) {
padding-right: 24px;
}
@media (max-width: 991.98px) {
padding-right: 0;
}
}
}
@@ -64,6 +107,10 @@
&__coll-title {
margin-bottom: 38px;
@media (max-width: 991.98px) {
margin-bottom: 19px;
}
}
&__item {
@@ -91,6 +138,12 @@
margin-bottom: 38px;
}
@media (max-width: 991.98px) {
font-size: 18px;
margin-bottom: 25px;
padding-bottom: 9px;
}
&:last-child {
margin-bottom: 0;
}
@@ -115,6 +168,10 @@
border-radius: 12px;
}
@media (max-width: 991.98px) {
border-radius: 11px;
}
&::before {
position: absolute;
left: 50%;