rick-and-morty-vue3

1
<template>
2
  <div class="footer">
3
    <p class="footer-title">The Rick and Morty API | Vue 3 | 2024</p>
4
  </div>
5
</template>
6

7
<style lang="scss" scoped>
8
.footer {
9
  background-color: black;
10
  height: auto;
11
  padding: 20px;
12
  text-align: center;
13
}
14

15
.footer-title {
16
  color: white;
17
  font-size: 16px;
18
  font-weight: 100;
19
  background: linear-gradient(
20
    45deg,
21
    orange,
22
    yellow,
23
    green,
24
    blue,
25
    indigo,
26
    violet,
27
    orange,
28
    yellow,
29
    green,
30
    blue,
31
    indigo,
32
    violet
33
  );
34
  -webkit-background-clip: text;
35
  -webkit-text-fill-color: transparent;
36

37
  @media (max-width: 480px) {
38
    font-size: 14px;
39
  }
40
}
41
</style>
42