Rock Paper Scissor Project Added · Sambit-Mondal/30DaysOfJavaScript@aee43a5 · GitHub
Skip to content

Commit aee43a5

Browse files
jatiinyadavjatiinyadav
committed
Rock Paper Scissor Project Added
1 parent 7b226ea commit aee43a5

6 files changed

Lines changed: 66 additions & 112 deletions

File tree

‎30DaysOfJavaScript/assets/37.png‎

22.4 KB
Loading

‎37 - RPS Game/font/sans.ttf‎

54.5 KB
Binary file not shown.

‎37 - RPS Game/index.html‎

Lines changed: 30 additions & 44 deletions

‎37 - RPS Game/start.html‎

Lines changed: 0 additions & 47 deletions
This file was deleted.

‎37 - RPS Game/style.css‎

Lines changed: 33 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,26 @@
1-
body {
2-
background-color: #19172e;
3-
font-family: inter;
1+
* {
2+
padding: 0;
3+
box-sizing: border-box;
4+
font-family: "sans";
5+
}
6+
7+
@font-face {
8+
font-family: "sans";
9+
src: url(font/sans.ttf);
410
}
511

6-
h2 {
7-
/* font-style: oblique; */
12+
body {
13+
overflow: hidden;
14+
background: #19172e;
815
color: #fff;
9-
font-family: inter;
1016
text-align: center;
11-
font-size: 40px;
12-
padding: 0%;
17+
min-height: 100vh;
1318
}
1419

1520
img:hover {
1621
/* box-shadow: rgb(95, 9, 26) 10px 10px 10px; */
1722
border: 10px solid #929292;
23+
cursor: pointer;
1824
}
1925

2026
img {
@@ -25,26 +31,35 @@ img {
2531
transition: all 0.2s;
2632
}
2733

34+
#message {
35+
text-align: center;
36+
font-size: 32px;
37+
color: #fff;
38+
}
39+
2840
.container {
2941
max-width: 800px;
3042
display: flex;
3143
align-items: center;
3244
justify-content: center;
45+
flex-direction: row;
3346
margin: 100px auto 30px;
34-
border: 5px solid #fff;
3547
padding: 10px;
3648
}
37-
38-
.center {
39-
display: flex;
40-
flex-direction: column;
41-
justify-content: center;
42-
align-items: center;
49+
@media screen and (max-width: 600px) {
50+
.container{
51+
flex-direction: column;
52+
}
4353
}
4454

45-
#message {
46-
text-align: center;
47-
font-size: 32px;
4855

56+
footer, a{
4957
color: #fff;
5058
}
59+
60+
footer{
61+
text-align: center;
62+
position: absolute;
63+
bottom: 0;
64+
width: 100%;
65+
}

‎index.html‎

Lines changed: 3 additions & 3 deletions

0 commit comments

Comments
 (0)