ux_ui_designer

1
.skills {
2
  background-image: url("../../assets/images/Background.png");
3
  background-size: cover;
4
  background-repeat: no-repeat;
5
  background-position: center;
6
  border-radius: 20px;
7
  &__wrapper {
8
    max-width: 1400px;
9
    margin: 0 auto;
10
    padding: 100px 300px;
11
    @media screen and (max-width: 1226px) {
12
      padding: 100px 200px;
13
    }
14
    @media screen and (max-width: 1029px) {
15
      padding: 100px 100px;
16
    }
17
    @media screen and (max-width: 659px) {
18
      padding: 75px 16px;
19
    }
20
  }
21
  &__container {
22
    display: flex;
23
    justify-content: space-between;
24
    margin-bottom: 24px;
25
    @media screen and (max-width: 659px) {
26
      display: block;
27
    }
28
  }
29
  &__list {
30
    text-align: right;
31
    font-size: 17px;
32
    line-height: 24px;
33
    color: #1a1b1d;
34
  }
35
  &__name {
36
    font-size: 30px;
37
    text-transform: uppercase;
38
    color: #eda424;
39
    padding-right: 30px;
40
    @media screen and (max-width: 659px) {
41
      text-align: left;
42
    }
43
  }
44
}
45