Add borderAdd bg to activities

hussainmahwash · Mar 18, 2024 · 2abb93a · 2abb93a
1 parent 3649f33
commit 2abb93a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -10,10 +10,10 @@ <h4>Lets have some fun!</h4>
 
 <!-- <h5>Write your name in your favorite color</h5> -->
 <div class="grid-container">
-    <div class="group_name">Activity 1</div>
-    <div class="group_name">Activity 2</div>
-    <div class="group_name">Activity 3</div>
-    <div class="group_name">Activity 4</div>
+    <div class="activity-item">Activity 1</div>
+    <div class="activity-item">Activity 2</div>
+    <div class="activity-item">Activity 3</div>
+    <div class="activity-item">Activity 4</div>
 </div>
 
 

diff --git a/my_style.css b/my_style.css
@@ -17,4 +17,11 @@ h4 {
   display: grid;
   grid-template-columns: auto auto;
   grid-template-rows: auto auto;
+  border-right-style: solid;
+  border-color: blue;
+}
+
+.activity-item{
+  background-color: aquamarine;
+  color: aliceblue;
 }