diff --git a/foundations/intro-to-css/01-css-methods/index.html b/foundations/intro-to-css/01-css-methods/index.html
index effe3cc3db01..e3266844858c 100644
--- a/foundations/intro-to-css/01-css-methods/index.html
+++ b/foundations/intro-to-css/01-css-methods/index.html
@@ -5,10 +5,17 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Methods for Adding CSS</title>
+
+    <!-- Internal CSS -->
+     <style>
+      p {
+        color: green;
+      }
+     </style>
   </head>
   <body>
     <div>Style me via the external method!</div>
     <p>I would like to be styled with the internal method, please.</p>
-    <button>Inline Method</button>
+    <button style="color: red;">Inline Method</button>
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/foundations/intro-to-css/01-css-methods/style.css b/foundations/intro-to-css/01-css-methods/style.css
new file mode 100644
index 000000000000..5b5436e8740e
--- /dev/null
+++ b/foundations/intro-to-css/01-css-methods/style.css
@@ -0,0 +1,3 @@
+div {
+    color: blue;
+}
diff --git a/foundations/intro-to-css/02-class-id-selectors/index.html b/foundations/intro-to-css/02-class-id-selectors/index.html
index 263042ae92a0..63888374deec 100644
--- a/foundations/intro-to-css/02-class-id-selectors/index.html
+++ b/foundations/intro-to-css/02-class-id-selectors/index.html
@@ -8,10 +8,10 @@
     <link rel="stylesheet" href="style.css">
   </head>
   <body>
-    <p>Number 1 - I'm a class!</p>
-    <div>Number 2 - I'm one ID.</div>
-    <p>Number 3 - I'm a class, but cooler!</p>
-    <div>Number 4 - I'm another ID.</div>
-    <p>Number 5 - I'm a class!</p>
+    <p class="odd">Number 1 - I'm a class!</p>
+    <div id="two">Number 2 - I'm one ID.</div>
+    <p class="odd cool">Number 3 - I'm a class, but cooler!</p>
+    <div id="four">Number 4 - I'm another ID.</div>
+    <p class="odd">Number 5 - I'm a class!</p>
   </body>
 </html>
\ No newline at end of file
diff --git a/foundations/intro-to-css/02-class-id-selectors/style.css b/foundations/intro-to-css/02-class-id-selectors/style.css
index d55c2c5c7090..b8fea6c19e65 100644
--- a/foundations/intro-to-css/02-class-id-selectors/style.css
+++ b/foundations/intro-to-css/02-class-id-selectors/style.css
@@ -1 +1,23 @@
-/* Add CSS Styling */
\ No newline at end of file
+/* All odd class elements */
+.odd {
+    background-color: light pink;
+    font-family: verdana, DejaVu Sans, sans-serif;
+}
+
+/* The cooler one (Number 3) */
+.cool {
+    font-size: 24px;
+
+}
+
+/* ID for Number 2 */
+#two {
+    color: blue;
+    font-size: 36px;
+}
+
+/* ID for Number 4 */
+#four {
+    background-color: lightgreen;
+    font-weight: bold; 
+}
\ No newline at end of file
