Change in height and text

3 years ago · 199aeeab81
parent bbf12821ce
commit 199aeeab81
2 changed files with 24 additions and 20 deletions
--- a/drawing-app/index.html
+++ b/drawing-app/index.html
@ -1,21 +1,24 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="style.css" />
-    <title>Drawing App</title>
-  </head>
-  <body>
-    <canvas id="canvas" width="800" height="700"></canvas>
-    <div class="toolbox">
-      <button id="decrease">-</button>
-      <span id="size">10</span>
-      <button id="increase">+</button>
-      <input type="color" id="color">
-      <button id="clear">X</button>
-    </div>

-    <script src="script.js"></script>
-  </body>
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="style.css" />
+  <title>Drawing App</title>
+</head>
+
+<body>
+  <canvas id="canvas" width="800" height="700"></canvas>
+  <div class="toolbox">
+    <button id="decrease">-</button>
+    <span id="size">10</span>
+    <button id="increase">+</button>
+    <input type="color" id="color">
+    <button id="clear">x</button>
+  </div>
+
+  <script src="script.js"></script>
+</body>
+
 </html>
--- a/drawing-app/style.css
+++ b/drawing-app/style.css
@ -11,7 +11,7 @@ body {
  flex-direction: column;
  align-items: center;
  justify-content: center;
-  height: 100vh;
+  height: 89vh;
  margin: 0;
 }

@ -29,7 +29,8 @@ canvas {

 .toolbox > * {
  background-color: #fff;
-  border: none;
+  border-radius: 14px;
+  border: 1px solid black;
  display: inline-flex;
  align-items: center;
  justify-content: center;