4th commit

echizenyayota · Dec 18, 2019 · 3930852 · 3930852
1 parent dfbaef6
commit 3930852
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -6,8 +6,10 @@
   <title>256times20191207</title>
 </head>
 <body>
-  <button class="btn1">BUTTON</button>
-  <button class="btn2">BUTTON</button>
-  <button class="btn3">BUTTON</button>
+  <div class="container">
+    <div class="btn1">BUTTON</div>
+    <div class="btn2">BUTTON</div>
+    <div class="btn3">BUTTON</div>
+  </div>
 </body>
 </html>
diff --git a/styles.css b/styles.css
@@ -2,15 +2,22 @@ body {
   margin: 0;
 }
 
+.container {
+  display: flex;
+}
+
 .btn1 {
   margin: 30px;
   font-size: 24px;
+  font-weight: bold;
   background: #000080;
   color: white;
   box-shadow: 0 4px 0 #e9e9e9;
   border-radius: 8px;
   width: 150px;
   height: 60px;
+  line-height: 60px;
+  text-align: center;
   cursor: pointer;
 }
 
@@ -21,12 +28,15 @@ body {
 .btn2 {
   margin: 30px;
   font-size: 24px;
+  font-weight: bold;
   background: #008000;
   color: white;
   box-shadow: 0 4px 0 #e9e9e9;
   border-radius: 8px;
   width: 150px;
   height: 60px;
+  line-height: 60px;
+  text-align: center;
   cursor: pointer;
 }
 
@@ -41,12 +51,15 @@ body {
 .btn3 {
   margin: 30px;
   font-size: 24px;
+  font-weight: bold;
   background: #372560;
   color: white;
-  box-shadow: 0 10px 0 #e9e9e9;
+  box-shadow: 0 5px 0 #e9e9e9;
   border-radius: 8px;
   width: 150px;
   height: 60px;
+  line-height: 60px;
+  text-align: center;
   cursor: pointer;
   user-select: none;
 }
@@ -56,7 +69,7 @@ body {
 }
 
 .btn3:active {
-  box-shadow: 0 5px 0 #000080;
+  box-shadow: 0 2px 0 #000080;
   margin-top: 35px;
 }