diff --git a/chapter04/.sass-cache/bc09dc3f807ea0746b92f31c499ba8070e402fc5/chapter04-project01.scssc b/chapter04/.sass-cache/bc09dc3f807ea0746b92f31c499ba8070e402fc5/chapter04-project01.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..60956e98629a573e15e95d0e34ce99f14ee739c5
Binary files /dev/null and b/chapter04/.sass-cache/bc09dc3f807ea0746b92f31c499ba8070e402fc5/chapter04-project01.scssc differ
diff --git a/chapter04/.sass-cache/bc09dc3f807ea0746b92f31c499ba8070e402fc5/chapter04-project02.scssc b/chapter04/.sass-cache/bc09dc3f807ea0746b92f31c499ba8070e402fc5/chapter04-project02.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..29b17291a9627ef70c7a00983b848beb717c35fe
Binary files /dev/null and b/chapter04/.sass-cache/bc09dc3f807ea0746b92f31c499ba8070e402fc5/chapter04-project02.scssc differ
diff --git a/chapter04/.sass-cache/bc09dc3f807ea0746b92f31c499ba8070e402fc5/chapter04-project03.scssc b/chapter04/.sass-cache/bc09dc3f807ea0746b92f31c499ba8070e402fc5/chapter04-project03.scssc
new file mode 100644
index 0000000000000000000000000000000000000000..8b47664ba0f262b9471af1c3d11536036ac4715f
Binary files /dev/null and b/chapter04/.sass-cache/bc09dc3f807ea0746b92f31c499ba8070e402fc5/chapter04-project03.scssc differ
diff --git a/chapter04/chapter04-project01.html b/chapter04/chapter04-project01.html
index 95836fc561e60a9bcbfb6709c6f9fe22352322f4..6135810947f6674a11af60847c8cff4ea0604c4a 100644
--- a/chapter04/chapter04-project01.html
+++ b/chapter04/chapter04-project01.html
@@ -3,10 +3,10 @@
 <head lang="en">
    <meta charset="utf-8">
    <title>Chapter 4</title>
-   <link rel="stylesheet" href="reset.css" />
-   <link rel="stylesheet" href="chapter04-project01.css" />
+   <link rel="stylesheet" href="css/reset.css" />
+   <link rel="stylesheet" href="css/chapter04-project01.css" />
 </head>
 <body>
-
+    
 </body>
 </html>
\ No newline at end of file
diff --git a/chapter04/css/chapter04-project01.css b/chapter04/css/chapter04-project01.css
index 1d5b9c12d5ccb4356e047b3490ae075aaef69a68..a6e48f6b38706f622821035d759b76d738fb0523 100644
--- a/chapter04/css/chapter04-project01.css
+++ b/chapter04/css/chapter04-project01.css
@@ -1,9 +1,8 @@
-/* general text formatting */
-
 h1, h2, h3, nav, footer {
- font-family: Georgia, Cambria, "Times New Roman", serif;
-}
+  font-family: Georgia, Cambria, "Times New Roman", serif; }
+
 body {
-   font-family: "Lucida Sans", Verdana, Arial, sans-serif;
-   font-size: 100%;
-}
+  font-family: "Lucida Sans", Verdana, Arial, sans-serif;
+  font-size: 100%; }
+
+/*# sourceMappingURL=chapter04-project01.css.map */
diff --git a/chapter04/css/chapter04-project01.css.map b/chapter04/css/chapter04-project01.css.map
new file mode 100644
index 0000000000000000000000000000000000000000..0d323dca687b9e3ada781747a391c0b58b7c6f4d
--- /dev/null
+++ b/chapter04/css/chapter04-project01.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAEA,uBAAwB;EACvB,WAAW,EAAE,0CAA0C;;AAExD,IAAK;EACF,WAAW,EAAE,yCAAyC;EACtD,SAAS,EAAE,IAAI",
+"sources": ["sass/chapter04-project01.scss"],
+"names": [],
+"file": "chapter04-project01.css"
+}
\ No newline at end of file
diff --git a/chapter04/css/chapter04-project02.css b/chapter04/css/chapter04-project02.css
index 1d5b9c12d5ccb4356e047b3490ae075aaef69a68..d8835333a8c189e37c7baa84ca1a086ebcb18c9a 100644
--- a/chapter04/css/chapter04-project02.css
+++ b/chapter04/css/chapter04-project02.css
@@ -1,9 +1,8 @@
-/* general text formatting */
-
 h1, h2, h3, nav, footer {
- font-family: Georgia, Cambria, "Times New Roman", serif;
-}
+  font-family: Georgia, Cambria, "Times New Roman", serif; }
+
 body {
-   font-family: "Lucida Sans", Verdana, Arial, sans-serif;
-   font-size: 100%;
-}
+  font-family: "Lucida Sans", Verdana, Arial, sans-serif;
+  font-size: 100%; }
+
+/*# sourceMappingURL=chapter04-project02.css.map */
diff --git a/chapter04/css/chapter04-project02.css.map b/chapter04/css/chapter04-project02.css.map
new file mode 100644
index 0000000000000000000000000000000000000000..3aedc8a1eecd684625e0a2ffb17bb8f095cb8e8c
--- /dev/null
+++ b/chapter04/css/chapter04-project02.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAEA,uBAAwB;EACvB,WAAW,EAAE,0CAA0C;;AAExD,IAAK;EACF,WAAW,EAAE,yCAAyC;EACtD,SAAS,EAAE,IAAI",
+"sources": ["sass/chapter04-project02.scss"],
+"names": [],
+"file": "chapter04-project02.css"
+}
\ No newline at end of file
diff --git a/chapter04/css/chapter04-project03.css b/chapter04/css/chapter04-project03.css
index 1d5b9c12d5ccb4356e047b3490ae075aaef69a68..42404f3c62bd081e199f63779766e84b6003e37a 100644
--- a/chapter04/css/chapter04-project03.css
+++ b/chapter04/css/chapter04-project03.css
@@ -1,9 +1,8 @@
-/* general text formatting */
-
 h1, h2, h3, nav, footer {
- font-family: Georgia, Cambria, "Times New Roman", serif;
-}
+  font-family: Georgia, Cambria, "Times New Roman", serif; }
+
 body {
-   font-family: "Lucida Sans", Verdana, Arial, sans-serif;
-   font-size: 100%;
-}
+  font-family: "Lucida Sans", Verdana, Arial, sans-serif;
+  font-size: 100%; }
+
+/*# sourceMappingURL=chapter04-project03.css.map */
diff --git a/chapter04/css/chapter04-project03.css.map b/chapter04/css/chapter04-project03.css.map
new file mode 100644
index 0000000000000000000000000000000000000000..3460ed45a16053a09d3b850bcf2f24a3baa85e5f
--- /dev/null
+++ b/chapter04/css/chapter04-project03.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAEA,uBAAwB;EACvB,WAAW,EAAE,0CAA0C;;AAExD,IAAK;EACF,WAAW,EAAE,yCAAyC;EACtD,SAAS,EAAE,IAAI",
+"sources": ["sass/chapter04-project03.scss"],
+"names": [],
+"file": "chapter04-project03.css"
+}
\ No newline at end of file
diff --git a/chapter04/css/sass/chapter04-project01.scss b/chapter04/css/sass/chapter04-project01.scss
new file mode 100644
index 0000000000000000000000000000000000000000..010388994c114038a7785c084ef1fb69ff4ca6a8
--- /dev/null
+++ b/chapter04/css/sass/chapter04-project01.scss
@@ -0,0 +1,12 @@
+// Given assignment css
+
+h1, h2, h3, nav, footer {
+ font-family: Georgia, Cambria, "Times New Roman", serif;
+}
+body {
+   font-family: "Lucida Sans", Verdana, Arial, sans-serif;
+   font-size: 100%;
+}
+
+// Given css end
+
diff --git a/chapter04/css/sass/chapter04-project02.scss b/chapter04/css/sass/chapter04-project02.scss
new file mode 100644
index 0000000000000000000000000000000000000000..23c03bfef7be2a8a2005eeec628c39c9fb7a298c
--- /dev/null
+++ b/chapter04/css/sass/chapter04-project02.scss
@@ -0,0 +1,11 @@
+// Given assignment css
+
+h1, h2, h3, nav, footer {
+ font-family: Georgia, Cambria, "Times New Roman", serif;
+}
+body {
+   font-family: "Lucida Sans", Verdana, Arial, sans-serif;
+   font-size: 100%;
+}
+
+// End given css
\ No newline at end of file
diff --git a/chapter04/css/sass/chapter04-project03.scss b/chapter04/css/sass/chapter04-project03.scss
new file mode 100644
index 0000000000000000000000000000000000000000..9b6db7831c250a01abace59cb90945e50e2a8e69
--- /dev/null
+++ b/chapter04/css/sass/chapter04-project03.scss
@@ -0,0 +1,12 @@
+// Given assignment css
+
+h1, h2, h3, nav, footer {
+ font-family: Georgia, Cambria, "Times New Roman", serif;
+}
+body {
+   font-family: "Lucida Sans", Verdana, Arial, sans-serif;
+   font-size: 100%;
+}
+
+// End given css
+