add style.css file, add images file

Author: vmoratti

Wireframe/images/README-image.png

@@ -23,7 +23,9 @@ <h1>Wireframe</h1>
   <main>
     <article>
       <img src="images/README-image.png" alt="an image showing an example of a README file" />
-      <h2>What is the purpose of a README file?</h2>/*adding a comment*/
+      <h2>
+        What is the purpose of a README file?
+      </h2>
       <p>
         A README file is the foundational documentation
         for a software, dataset, or coding project.

Wireframe/images/git-branch.jpg

@@ -24,7 +24,7 @@ As well as useful links to learn more */
   --line: 1px solid;
   --container: 1280px;
 }
-/* ====== Base Elements ======
+
  General rules for basic HTML elements in any context */
 body {
   background: var(--paper);
@@ -50,10 +50,16 @@ main {
   margin: 0 auto calc(var(--space) * 4) auto;
 }
 footer {
+  background-color: black;
+  color: white;
+  font-size: 10px;
   position: fixed;
   bottom: 0;
   text-align: center;
+  box-sizing: border-box;
+  width: 100%;
 }
+
 /* ====== Articles Grid Layout ====
 Setting the rules for how articles are placed in the main element.
 Inspect this in Devtools and click the "grid" button in the Elements view
@@ -86,4 +92,4 @@ article {
   > img {
     grid-column: span 3;
   }
-}
+}