ux_ui_designer

1
.header {
2
  display: flex;
3
  justify-content: space-between;
4
  margin: 0 auto;
5

6
  padding: 15px 100px 0 100px;
7
  max-width: 1400px;
8
  @media screen and (max-width: 814px) {
9
    padding: 15px 50px 0 50px;
10
  }
11
  @media screen and (max-width: 525px) {
12
    padding: 15px 30px 0 30px;
13
  }
14
  @media screen and (max-width: 659px) {
15
    padding: 15px 16px 0 16px;
16
  }
17

18
  &__list {
19
    display: flex;
20
    text-underline-offset: 4px;
21
    text-decoration-thickness: 1px;
22
  }
23
  &__item {
24
    list-style: none;
25
    margin-right: 16px;
26
    text-transform: uppercase;
27
    &:last-child {
28
      margin-right: 0;
29
    }
30
  }
31
  &__link {
32
    color: black;
33
    &:hover {
34
      color: #a5a5a5;
35
    }
36
    &:active {
37
      color: #d28d0c;
38
    }
39
  }
40

41
  &__logo {
42
    display: flex;
43
    align-items: center;
44
    text-transform: uppercase;
45
    text-decoration: none;
46
    color: black;
47
  }
48
  &__img {
49
    margin: 0 3px;
50
  }
51
  &__nav {
52
    @media screen and (max-width: 659px) {
53
      display: none;
54
    }
55
  }
56
}
57