feat: completed 03-grouping-selectors

nandairjayandi · nandairjayandi · commit 800920fe6be4 · 2025-01-15T17:44:04.000+11:00
diff --git a/foundations/intro-to-css/03-grouping-selectors/index.html b/foundations/intro-to-css/03-grouping-selectors/index.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="style.css">
   </head>
   <body>
-    <button>Click Me!</button>
-    <button>No, Click Me!</button>
+    <button id="button-one">Click Me!</button>
+    <button id="button-two">No, Click Me!</button>
   </body>
 </html>
diff --git a/foundations/intro-to-css/03-grouping-selectors/style.css b/foundations/intro-to-css/03-grouping-selectors/style.css
@@ -0,0 +1,14 @@
+button {
+    font-size: 28px;
+    font-family: Helvetica, "Times New Roman", sans-serif;
+    /* it should be noted that if the font name contains white space it should be enclosed in quotes */
+}
+
+#button-one {
+    background-color: #000000;
+    color: #ffffff;
+} 
+
+#button-two {
+    background-color: rgb(255, 255, 84);
+}
