Octavia/odin-rock-paper-scissors
Watch
1
0
Fork
You've already forked odin-rock-paper-scissors
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust structure of page, add background image

Browse source
This commit is contained in:
lolabird 2023-12-28 21:32:29 -07:00
commit 45239a9254
6 changed files with 42 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

23
style.css
View file

@ -1,13 +1,30 @@
body {
background: rgb(221, 125, 104);
background-image: url("./images/paper-5985445_1920.jpg");
background-size: cover;
background-color: rgb(221, 125, 104);
color: #eee;
text-align: center;
height: 100vh;
display: flex;
flex-direction: column;
}
header {
flex: 0 0 auto;
}
h1{
font-size: 50px;
}
main {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.buttons {
display: flex;
justify-content: center;
@ -40,4 +57,8 @@ h1{
#msg .button {
margin-top: 30px;
}
footer {
flex: 0 0 auto;
}