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>
+<head>
-  </body>
+  <meta charset="UTF-8" />
-</html>
+  <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;