Completed 03-GROUPING-SELECTORS

popjam · Sep 9, 2024 · 8e81cbd · 8e81cbd
1 parent 7b1dccf
commit 8e81cbd
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 7 deletions.
diff --git a/foundations/03-grouping-selectors/index.html b/foundations/03-grouping-selectors/index.html
@@ -1,14 +1,14 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Grouping Selectors</title>
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="style.css" />
   </head>
   <body>
-    <button>Click Me!</button>
-    <button>No, Click Me!</button>
+    <button class="shared button1">Click Me!</button>
+    <button class="shared button2">No, Click Me!</button>
   </body>
-</html>
+</html>
diff --git a/foundations/03-grouping-selectors/style.css b/foundations/03-grouping-selectors/style.css
@@ -0,0 +1,14 @@
+.shared {
+    font-size: 28px;
+    font-family: 'Helvetica', 'Times New Roman', 'sans-serif';
+
+}
+
+.button1 {
+    background-color: black;
+    color: white;
+}
+
+.button2 {
+    background-color: yellow;
+}