diff --git a/foundations/02-class-id-selectors/solution/solution.css b/foundations/02-class-id-selectors/solution/solution.css
index 4383c65..ef9c0b7 100644
--- a/foundations/02-class-id-selectors/solution/solution.css
+++ b/foundations/02-class-id-selectors/solution/solution.css
@@ -3,7 +3,7 @@
font-family: Verdana, "DejaVu Sans", sans-serif;
}
-.oddly-cool {
+.adjust-font-size {
font-size: 24px;
}
@@ -12,8 +12,16 @@
font-size: 36px;
}
+/*
+ In the id selector 'four' below, we could have also
+ added a rule to set the font size to 24px.
+
+ However, since the elements 'Number 3' and 'Number 4'
+ in the HTML file share the same font size, we reused
+ the 'adjust-font-size' class above to help reduce
+ duplicate code.
+*/
#four {
background-color: hsl(120, 100%, 75%);
- font-size: 24px;
font-weight: bold;
}
diff --git a/foundations/02-class-id-selectors/solution/solution.html b/foundations/02-class-id-selectors/solution/solution.html
index 75b0b5a..9e47d63 100644
--- a/foundations/02-class-id-selectors/solution/solution.html
+++ b/foundations/02-class-id-selectors/solution/solution.html
@@ -10,8 +10,8 @@
Number 1 - I'm a class!
Number 2 - I'm one ID.
- Number 3 - I'm a class, but cooler!
- Number 4 - I'm another ID.
+ Number 3 - I'm a class, but cooler!
+ Number 4 - I'm another ID.
Number 5 - I'm a class!