logan/ThePlaceHolders
1
0
Fork 0
mirror of https://github.com/adanrsantos/ThePlaceHolders.git synced 2024-12-16 16:30:39 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

added style to canvas

Browse source
This commit is contained in:
adanrsantos 2024-10-09 19:02:59 -05:00
parent a5ffd96d80
commit dcb9e37dc8
2 changed files with 44 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
static/canvas.css
View file

@ -1,3 +1,36 @@
canvas { * {
background-color: black; padding: 0;
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.navbarCont {
background-color: grey;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.canvasCont {
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
background-color: yellow;
border: solid black;
border-radius: 20px;
}
canvas {
background-color: lightblue;
} }

12
static/canvas.html
View file

@ -11,7 +11,15 @@
</head> </head>
<body> <body>
<canvas id="canvas" width="1500" height="650" style="border:1px solid #000000;" alt="canvas"></canvas> <div class="wrapper">
<h1>Hello</h1> <div class="navbarCont">
<h1>ThePlaceHolders</h1>
</div>
<div class="canvasCont">
<canvas id="canvas" width="850" height="500" style="border:1px solid #000000;" alt="canvas"></canvas>
</div>
</div>
</body> </body>
</html> </html>