Skip to content

Commit 26fbd49

Browse files
committed
add the code for tutorial
1 parent 82bd6c6 commit 26fbd49

14 files changed

+327
-93
lines changed

package-lock.json

+177
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

+2
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,9 @@
66
"@testing-library/jest-dom": "^5.11.6",
77
"@testing-library/react": "^11.1.2",
88
"@testing-library/user-event": "^12.2.2",
9+
"bootstrap": "^4.5.3",
910
"react": "^17.0.1",
11+
"react-bootstrap": "^1.4.0",
1012
"react-dom": "^17.0.1",
1113
"react-scripts": "4.0.0",
1214
"web-vitals": "^0.2.4"

src/App.css

+3-33
Original file line numberDiff line numberDiff line change
@@ -2,37 +2,7 @@
22
text-align: center;
33
}
44

5-
.App-logo {
6-
height: 40vmin;
7-
pointer-events: none;
8-
}
9-
10-
@media (prefers-reduced-motion: no-preference) {
11-
.App-logo {
12-
animation: App-logo-spin infinite 20s linear;
13-
}
14-
}
15-
16-
.App-header {
17-
background-color: #282c34;
18-
min-height: 100vh;
19-
display: flex;
20-
flex-direction: column;
21-
align-items: center;
5+
.row {
226
justify-content: center;
23-
font-size: calc(10px + 2vmin);
24-
color: white;
25-
}
26-
27-
.App-link {
28-
color: #61dafb;
29-
}
30-
31-
@keyframes App-logo-spin {
32-
from {
33-
transform: rotate(0deg);
34-
}
35-
to {
36-
transform: rotate(360deg);
37-
}
38-
}
7+
margin: 15px 0;
8+
}

0 commit comments

Comments
 (0)