diff --git a/images/email_icon.svg b/images/icons/email_icon.svg
similarity index 100%
rename from images/email_icon.svg
rename to images/icons/email_icon.svg
diff --git a/images/github_logo.svg b/images/icons/github_logo.svg
similarity index 100%
rename from images/github_logo.svg
rename to images/icons/github_logo.svg
diff --git a/images/linkedin_logo.svg b/images/icons/linkedin_logo.svg
similarity index 100%
rename from images/linkedin_logo.svg
rename to images/icons/linkedin_logo.svg
diff --git a/images/mastodon_logo.svg b/images/icons/mastodon_logo.svg
similarity index 100%
rename from images/mastodon_logo.svg
rename to images/icons/mastodon_logo.svg
diff --git a/images/vs_code_tips/auto_save.png b/images/vs_code_tips/auto_save.png
new file mode 100644
index 0000000..2e8476d
Binary files /dev/null and b/images/vs_code_tips/auto_save.png differ
diff --git a/images/vs_code_tips/bracket_pairs.png b/images/vs_code_tips/bracket_pairs.png
new file mode 100644
index 0000000..84b916d
Binary files /dev/null and b/images/vs_code_tips/bracket_pairs.png differ
diff --git a/images/vs_code_tips/bracket_pairs_horizontal.png b/images/vs_code_tips/bracket_pairs_horizontal.png
new file mode 100644
index 0000000..66ee20a
Binary files /dev/null and b/images/vs_code_tips/bracket_pairs_horizontal.png differ
diff --git a/images/vs_code_tips/compact_folders.png b/images/vs_code_tips/compact_folders.png
new file mode 100644
index 0000000..93e378b
Binary files /dev/null and b/images/vs_code_tips/compact_folders.png differ
diff --git a/images/vs_code_tips/format_on_save.png b/images/vs_code_tips/format_on_save.png
new file mode 100644
index 0000000..fbb7e0d
Binary files /dev/null and b/images/vs_code_tips/format_on_save.png differ
diff --git a/scripts/layout_scripts.js b/scripts/layout_scripts.js
index 0951490..48a9696 100644
--- a/scripts/layout_scripts.js
+++ b/scripts/layout_scripts.js
@@ -31,25 +31,25 @@ function addFooter(imagePathPrefix) {
             <ul>
                 <li>
                     <a href="https://github.com/aharasymiw" target="_blank">
-                        <img class=".social-image" src="${imagePathPrefix}images/github_logo.svg"
+                        <img class=".social-image" src="${imagePathPrefix}images/icons/github_logo.svg"
                                 alt="Github Logo, and link to github." height="20" width="20">
                     </a>
                 </li>
                 <li>
                     <a href="https://www.linkedin.com/in/aharasymiw" target="_blank">
-                        <img class=".social-image" src="${imagePathPrefix}images/linkedin_logo.svg"
+                        <img class=".social-image" src="${imagePathPrefix}images/icons/linkedin_logo.svg"
                                 alt="LinkedIn Logo, and link to LinkedIn." height="20" width="20">
                     </a>
                 </li>
                 <li>
                     <a href="https://hachyderm.io/@aharasymiw" rel="me" target="_blank">
-                        <img class=".social-image" src="${imagePathPrefix}images/mastodon_logo.svg"
+                        <img class=".social-image" src="${imagePathPrefix}images/icons/mastodon_logo.svg"
                             alt="Mastodon Logo, and link to https://hachyderm.io/@aharasymiw on Mastodon." height="20" width="20">
                     </a>
                 </li>
                 <li>
                     <a href="mailto:aharasymiw@gmail.com" target="_blank">
-                        <img class=".social-image" src="${imagePathPrefix}images/email_icon.svg"
+                        <img class=".social-image" src="${imagePathPrefix}images/icons/email_icon.svg"
                                 alt="Email icon, and link to send an email." height="20" width="20">
                     </a>
                 </li>
diff --git a/views/vs_code_tips.html b/views/vs_code_tips.html
index 0fff1c5..9a4e98b 100644
--- a/views/vs_code_tips.html
+++ b/views/vs_code_tips.html
@@ -61,11 +61,11 @@ <h3>Must Have</h3>
       <summary>
         <h3>Nice to Have</h3>
       </summary>
-      <img src="./images/bracket_pairs.png" alt="An image showing the bracket pairs setting for VS Code." height=100px width=400px>
+      <img src="./images/vs_code_tips/bracket_pairs.png" alt="An image showing the bracket pairs setting for VS Code." height=100px width=400px>
       <br>
-      <img src="./images/bracket_pairs_horizontal.png" alt="An image showing the bracket pairs horizontal setting for VS Code." height=100px width=520px>
+      <img src="./images/vs_code_tips/bracket_pairs_horizontal.png" alt="An image showing the bracket pairs horizontal setting for VS Code." height=100px width=520px>
       <br>
-      <img src="./images/compact_folders.png" alt="An image showing the compact folders setting for VS Code." height=65px width=575px>
+      <img src="./images/vs_code_tips/compact_folders.png" alt="An image showing the compact folders setting for VS Code." height=65px width=575px>
 
     </details>