Added lesson 12

gitdagray · gitdagray · commit add6d2d15457 · 2022-04-19T08:58:50.000-05:00
diff --git a/.gitignore b/.gitignore
@@ -9,4 +9,5 @@
 08_lesson
 09_lesson
 10_lesson
-11_lesson
+11_lesson
+12_lesson
diff --git a/12_lesson_starter/css/style.css b/12_lesson_starter/css/style.css
@@ -0,0 +1,6 @@
+@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
+
+body {
+  font-family: "Roboto", sans-serif;
+  font-size: 1.5rem;
+}
diff --git a/12_lesson_starter/index.html b/12_lesson_starter/index.html
@@ -0,0 +1,16 @@
+<!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">
+    <title>CSS Columns</title>
+    <link rel="stylesheet" href="css/style.css">
+</head>
+
+<body>
+    
+</body>
+
+</html>
diff --git a/README.md b/README.md
@@ -46,6 +46,7 @@
 - 🔗 [Github Themes VS Code Extension](https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme)
 - 🔗 [W3C CSS Validator](https://jigsaw.w3.org/css-validator/)
 - 🔗 [Specificity Calculator](https://specificity.keegan.st/)
+- 🔗 [HTML Special Characters](https://unicode-table.com)
 
 
 ### 📚 References
@@ -58,11 +59,14 @@
 - 🔗 [MDN: Styling Lists](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Styling_lists)
 - 🔗 [MDN: Display Property](https://developer.mozilla.org/en-US/docs/Web/CSS/display)
 - 🔗 [MDN: Floats](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Floats)
+- 🔗 [MDN: Basic Concepts of MultiCol](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Columns/Basic_Concepts_of_Multicol)
+- 🔗 [MDN: Margin Collapsing](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing)
 
 ### 📚 Typography Resources:
 - 🔗 [MDN: Fundamental Text and Font Styling](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Fundamentals)
 - 🔗 [CSSFontStack.com: Websafe Fonts](https://www.cssfontstack.com/)
 - 🔗 [MDN: Styling Links](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Styling_links)
+- 🔗 [MDN: White-Space](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space)
 
 ### 📚 Color Resources: 
 - 🔗 [Coolors Contrast Checker](https://coolors.co/contrast-checker/112a46-acc8e5)
@@ -102,5 +106,6 @@
 - 🔗 [Chapter 9 Starter Code](https://github.com/gitdagray/css_course/tree/main/09_lesson_starter)
 - 🔗 [Chapter 10 Starter Code](https://github.com/gitdagray/css_course/tree/main/10_lesson_starter)
 - 🔗 [Chapter 11 Starter Code](https://github.com/gitdagray/css_course/tree/main/11_lesson_starter)
+- 🔗 [Chapter 12 Starter Code](https://github.com/gitdagray/css_course/tree/main/12_lesson_starter)
 
 
