TRI-283: end header + start adaptive 1400>
This commit is contained in:
@@ -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%;
|
||||
|
||||
Reference in New Issue
Block a user