34 |
35 |
36 |
--------------------------------------------------------------------------------
/src/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | }
4 |
5 | h1 {
6 | margin: 0;
7 | padding: 0;
8 | }
9 |
10 | .heading {
11 | display: flex;
12 | justify-content: space-between;
13 | }
14 |
15 | .container {
16 | padding: 20px;
17 | background-color: white;
18 | border: 2px solid gray;
19 | margin: 20px;
20 | }
21 |
22 | ul {
23 | margin: 0;
24 | padding: 0;
25 | }
26 |
27 | ul li {
28 | padding: 10px;
29 | border: 1px solid #f7f7f7;
30 | list-style-type: none;
31 | display: flex;
32 | justify-content: space-between;
33 | }
34 |
35 | a {
36 | text-decoration: none;
37 | text-align: center;
38 | display: block;
39 | color: gray;
40 | background-color: #f6f6f6;
41 | padding: 10px;
42 | }
43 |
44 | .fa-solid {
45 | color: #e5e9f0;
46 | }
47 |
48 | form input {
49 | width: 100%;
50 | border: none;
51 | font-size: 20px;
52 | }
53 |
54 | .text {
55 | border: none;
56 | width: 80%;
57 | }
58 |
59 | input:focus {
60 | outline: none;
61 | }
62 |
63 | .container div:nth-child(2) {
64 | padding: 15px;
65 | }
66 |
--------------------------------------------------------------------------------
/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |