adaptive
This commit is contained in:
@ -7,18 +7,20 @@
|
||||
display: flex;
|
||||
position: relative;
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
@media (max-width: 870px) {
|
||||
@media (max-width: 1000px) {
|
||||
flex-direction: column;
|
||||
padding: 25px;
|
||||
margin-top: 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__info {
|
||||
margin-right: 115px;
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
order: 3;
|
||||
}
|
||||
h3 {
|
||||
font-weight: 500;
|
||||
font-size: 30px;
|
||||
@ -33,14 +35,21 @@
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
|
||||
@media (max-width: 870px) {
|
||||
@media (max-width: 1000px) {
|
||||
max-width: none;
|
||||
margin-bottom: 15px;
|
||||
margin: 15px 25px;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 870px) {
|
||||
@media (max-width: 1000px) {
|
||||
margin-right: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
@ -61,8 +70,8 @@
|
||||
font-size: 15px;
|
||||
line-height: 18px;
|
||||
|
||||
@media (max-width: 870px) {
|
||||
max-width: 350px;
|
||||
@media (max-width: 1000px) {
|
||||
max-width: 550px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -99,11 +108,25 @@
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
order: 2;
|
||||
margin-bottom: 55px;
|
||||
}
|
||||
}
|
||||
|
||||
&__img {
|
||||
position: absolute;
|
||||
right: 48px;
|
||||
top: -90px;
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
order: 1;
|
||||
position: inherit;
|
||||
right: inherit;
|
||||
top: inherit;
|
||||
max-width: 115px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -70,6 +70,10 @@
|
||||
padding: 39px 10px 29px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.ck-editor {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-layout.active {
|
||||
|
@ -720,7 +720,7 @@
|
||||
}
|
||||
span {
|
||||
font-size: 12px;
|
||||
color: #1458DD;
|
||||
color: #343a40;
|
||||
margin-left: 10px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
Reference in New Issue
Block a user