appdev-projects · Feb 5, 2023 · Feb 5, 2023 · Feb 5, 2023 · Feb 5, 2023
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
@@ -11,4 +11,4 @@
  * It is generally better to create a new file per style scope.
  *
  *= require_self
- */
+ */
diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb
@@ -1,2 +1,3 @@
 class ApplicationController < ActionController::Base
+ # layout "application"
 end
diff --git a/db/development.sqlite3 b/db/development.sqlite3
diff --git a/db/test.sqlite3 b/db/test.sqlite3
diff --git a/public/index.html b/public/index.html
@@ -3,29 +3,31 @@
 <head>
   <title>Rock-Paper-Scissors Rules</title>
 
+  <link rel="stylesheet" href="/styles.css">
   <!-- Expand the number of characters we can use in the document beyond basic ASCII 🎉 -->
   <meta charset="utf-8">
 </head>
 
 <body>
+  <div class="row">
   <div>
-    <a href="/rock">
+    <a class="button" href="/rock">
       Play Rock
     </a>
   </div>
 
   <div>
-    <a href="/paper">
+    <a class="button" href="/paper">
       Play Paper
     </a>
   </div>
 
   <div>
-    <a href="/scissors">
+    <a class="button" href="/scissors">
       Play Scissors
     </a>
   </div>
-
+</div>
   <h1>
     Welcome to Rock-Paper-Scissors!
   </h1>

diff --git a/public/styles.css b/public/styles.css
@@ -0,0 +1,27 @@
+* {
+  font-family: Arial, Helvetica, sans-serif;
+}
+.button {
+  background-color: #4CAF50;
+  border: none;
+  color: white;
+  padding: 15px 32px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  margin: 4px 2px;
+  cursor: pointer;
+  border-radius: 12px;
+}
+/*****************************/
+.container {
+  width: 100%;
+}
+.row {
+  display: flex;
+  justify-content: start;
+}
+.one-third {
+  width: 32%;
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -11,4 +11,4 @@ @@
      * It is generally better to create a new file per style scope.
      *
      *= require_self
-     */
+     */