finished second mobile page

This commit is contained in:
Hope87 2021-06-09 15:00:15 +03:00
parent 88a5e710ce
commit 8521448072
3 changed files with 64 additions and 0 deletions

View File

@ -13,6 +13,20 @@
line-height: 77.81px; line-height: 77.81px;
} }
@media (max-width: 575.98px) {
.candidate__title > h2 {
font-size: 5em;
line-height: normal;
}
}
@media (max-width: 375.98px) {
.candidate__title > h2 {
font-size: 4.5em;
line-height: normal;
}
}
.candidate__title > h2 > span { .candidate__title > h2 > span {
color: #282828; color: #282828;
font-style: normal; font-style: normal;
@ -128,6 +142,36 @@
text-align: left; text-align: left;
} }
@media (max-width: 575.98px) {
.candidate__main__description > h2 {
font-size: 3.2em;
text-align: center;
position: absolute;
top: -410px;
left: 0;
}
}
@media (max-width: 375.98px) {
.candidate__main__description > h2 {
font-size: 2.8em;
}
}
@media (max-width: 345.98px) {
.candidate__main__description > h2 {
font-size: 2.6em;
}
}
@media (max-width: 575.98px) {
.candidate__main__description > img {
width: 50%;
display: block;
margin: 0 auto;
}
}
.candidate__main__description > p { .candidate__main__description > p {
font-family: 'GT Eesti Pro Display'; font-family: 'GT Eesti Pro Display';
font-size: 1.2em; font-size: 1.2em;

View File

@ -64,6 +64,12 @@
} }
} }
@media (max-width: 346px) {
.description__title {
font-size: 2.6em;
}
}
.description__text { .description__text {
font-family: 'GT Eesti Pro Display'; font-family: 'GT Eesti Pro Display';
font-size: 1.7em; font-size: 1.7em;

View File

@ -13,6 +13,12 @@
margin-top: 40px; margin-top: 40px;
} }
@media (max-width: 575.98px) {
.candidateSidebar__info {
margin-top: 140px;
}
}
.candidateSidebar__info > img { .candidateSidebar__info > img {
width: 180px; width: 180px;
height: 180px; height: 180px;
@ -70,6 +76,14 @@
margin-top: 20px; margin-top: 20px;
} }
@media (max-width: 575.98px) {
.candidateSidebar__info__btn,
.candidateSidebar__info__l,
.candidateSidebar__arrows {
display: none;
}
}
.arrow__left { .arrow__left {
position: relative; position: relative;
width: 30px; width: 30px;