core: only reserve large space on cards with JS canvas stuff

This commit is contained in:
Trianta 2024-12-10 01:45:00 -06:00
parent c4cd3ce557
commit e22751a9a1
2 changed files with 7 additions and 3 deletions

View File

@ -22,6 +22,7 @@ body {
#introLeft {
display: inline-block;
width: 85%;
vertical-align: top;
}
#introRight {
@ -119,12 +120,15 @@ a:visited {
.card {
text-align: center;
min-height: 800px;
margin: 0px auto;
margin-top: 25px;
margin-bottom: 25px;
}
.reserve {
min-height: 800px;
}
#pong {
margin: 6px;
background: #03001C;

View File

@ -16,7 +16,7 @@
<a href="https://lab.trianta.dev/Trianta">Projects</a>
</div>
<h2>Completed Projects</h2>
<div class="card">
<div class="card reserve">
<div class="canvas">
<canvas width="750" height="585" id="pong"></canvas>
<script src="public/pong.js"></script>
@ -34,7 +34,7 @@
<a href="https://lab.trianta.dev/Trianta/trianta.dev/src/branch/main/src/pong.js">View Code</a>
</div>
</div>
<div class="card">
<div class="card reserve">
<div class="canvas">
<canvas width="625" height="375" id="snake"></canvas>
<script src="public/snake.js"></script>