Putting some borders around some stuff

Mohab96 · Nov 14, 2023 · b3c3f14 · b3c3f14
1 parent cff5f10
commit b3c3f14
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -12,7 +12,8 @@
   </head>
   <body>
     <div class="tags-container"></div>
-    <div class="rating-container">
+    <div class="temp">
+      <div class="rating-container">
       <label for="" class="rating-label">Rating 800 - 3500</label>
       <div style="margin: 4px; margin-left: 30px">
         <span class="some-class">From</span>
@@ -48,6 +49,7 @@
       <button class="add-handle-btn">Add</button>
       <div class="accepted-handles"></div>
     </div>
+    </div>
     <div class="gen-btn-container">
       <button class="gen-btn">Generate</button>
     </div>

diff --git a/style.css b/style.css
@@ -8,15 +8,15 @@ body {
 	margin: auto;
 	margin-top: 100px;
 	margin-bottom: 100px;
+	padding: 8px;
 }
 
 a {
 	margin-top: 5px;
 }
 
 .tags-container {
-	border: solid 2.5px;
-	border-color: lightgrey;
+	border: solid 2.5px lightgrey;
 	border-radius: 5px;
 	padding: 7px;
 }
@@ -40,6 +40,14 @@ a {
 	margin-bottom: 10px;
 }
 
+.temp {
+	margin-top: 10px;
+	margin-bottom: 10px;
+	border: solid 2.5px lightgrey;
+	border-radius: 5px;
+	padding: 8px;
+}
+
 .prob-num-container {
 	margin-top: 10px;
 	margin-bottom: 10px;