commit c9797de297a51e5542c7466b00b2052a3a0ee8f8 parent c244af22dbe6e3fe93be4f501a1b7a29198806dc Author: Yuval Langer <yuvallangerontheroad@gmail.com> Date: Sun, 29 Oct 2023 09:20:34 +0000 Add CSS stuff. Diffstat:
M | pages/index.html | | | 19 | ++++++++++++++++++- |
1 file changed, 18 insertions(+), 1 deletion(-)
diff --git a/pages/index.html b/pages/index.html @@ -2,9 +2,26 @@ <html> <head> <meta charset="utf-8"> + <style> + /* https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook/Center_an_element + * Huzzah! + */ + .container { + display: flex; + align-items: center; + justify-content: center; + } + + /* Thank you e-cat! */ + canvas { + border: 3px solid orchid; + } + </style> </head> <body> - <canvas id="canvas" width="600" height="450"></canvas> + <div class="container"> + <canvas id="canvas" width="600" height="450"></canvas> + </div> <script type="text/javascript" src="spock-runtime-min.js"></script> <script type="text/javascript" src="main.js"></script> </body>