Blame view
public/scss/blocks/_experience.scss
1.84 KB
242debab8 Первый коммит в п... |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 |
.experience { padding: 60px 0; @media (min-width: 1200px) { padding: 100px 0; } &__title { display: flex; flex-wrap: wrap; align-items: center; max-width: 730px; margin-bottom: 40px; font-size: 32px; line-height: 36px; font-weight: 800; @media (min-width: 640px) { flex-wrap: nowrap; } @media (min-width: 1200px) { margin-bottom: 60px; font-size: 36px; line-height: 40px; } span { margin: 0px 30px 0px 0px; font-size: 100px; line-height: 100px; color: $blue; @media (min-width: 640px) { } @media (min-width: 1200px) { font-size: 142px; line-height: 142px; } } } &__inner { @media (min-width: 780px) { display: flex; justify-content: space-between; } } &__cnt { margin: 0 0 40px 0; @media (min-width: 780px) { width: 600px; margin: 0 30px 0 0; } } &__subtitle { color: #40454A; font-size: 24px; line-height: 28px; font-weight: 600; margin-bottom: 16px; @media (min-width: 1200px) { margin-bottom: 20px; } } &__descr, &__text { color: #707477; font-size: 16px; line-height: 22px; font-weight: 500; } &__text { &:not(:last-child) { margin-bottom: 20px; } } &__img { @media (min-width: 780px) { width: 568px; } @media (min-width: 1200px) { margin-top: -65px; } img { max-width: 100%; } } } |