Updated footer background colour to have a better accessibility score

Author: Christelle-b

Wireframe/index.html

@@ -21,7 +21,7 @@ <h2>Wireframe</h2>
           A wireframe is a basic, two-dimensional visual representation of a web page, app interface, or product layout. You can think of it as a low-fidelity, functional sketch.
           Wireframes typically depict only functionality, not the true style and visual elements of the final product.
         </p>
-        <a href="https://www.productplan.com/glossary/wireframe">Read more</a>
+        <a href="https://www.productplan.com/glossary/wireframe">Wireframe</a>
       </article>
 
       <article>
@@ -39,7 +39,7 @@ <h2>ReadMe file</h2>
         <p>
           Developers use readme files to explain their projects to others. It communicates important information about your project.
         </p>
-        <a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">Read more</a>
+        <a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">ReadMe File</a>
       </article>
     </main>
     <footer>

Wireframe/style.css

@@ -54,7 +54,8 @@ footer {
   bottom: 0;
   text-align: center;
   width: 100%;
-  background-color: rgb(112, 117, 116);
+  background-color: #0F172A;
+  color: #F8FAFC;
 }
 /* ====== Articles Grid Layout ====
 Setting the rules for how articles are placed in the main element.