TRI-283: start 768>

This commit is contained in:
2024-11-21 13:10:25 +03:00
parent b0db3534f2
commit e3adbeeea4
29 changed files with 1986 additions and 354 deletions

View File

@@ -1,13 +1,17 @@
.about {
margin-bottom: 168px;
@media (min-width: 1720px) {
margin-bottom: 188px;
@media (min-width: 1720px) {
margin-bottom: 188px;
}
@media (max-width: 1304.98px) {
margin-bottom: 138px;
}
@media (max-width: 1304.98px) {
margin-bottom: 138px;
}
@media (max-width: 991.98px) {
margin-bottom: 110px;
}
.title {
margin-bottom: 60px;
@@ -16,8 +20,12 @@
margin-bottom: 49px;
}
@media (max-width: 1304.98px) {
margin-bottom: 39px;
@media (max-width: 1304.98px) {
margin-bottom: 39px;
}
@media (max-width: 991.98px) {
margin-bottom: 48px;
}
}
@@ -25,6 +33,10 @@
display: grid;
grid-template-columns: repeat(2, 1fr);
@media (max-width: 991.98px) {
display: block;
}
}
&__img {
@@ -39,8 +51,14 @@
margin-top: 19px;
}
@media (max-width: 1304.98px) {
margin-left: -10px;
@media (max-width: 1304.98px) {
margin-left: -10px;
}
@media (max-width: 991.98px) {
margin-left: 0;
margin-bottom: 49px;
display: block;
}
}
@@ -54,9 +72,20 @@
padding-left: 21px;
}
@media (max-width: 1304.98px) {
padding-left: 11px;
padding-top: 19px;
@media (max-width: 1304.98px) {
padding-left: 11px;
padding-top: 19px;
}
@media (max-width: 991.98px) {
padding: 0 8px;
text-align: center;
}
&::after {
content: '';
display: block;
clear: both;
}
}
@@ -64,9 +93,18 @@
max-width: 50%;
float: left;
@media (max-width: 991.98px) {
max-width: initial;
}
&:last-child {
padding-left: 16px;
max-width: 47%;
@media (max-width: 991.98px) {
max-width: initial;
padding-left: 0;
}
}
}