HTML:

- Capitalised "READ MORE"
- Cleaned up formatting of <a> tags and text

CSS:

- :root : Updated  --line to "2px solid"
- header: removed all properties, added property: "text-align: center"
- footer: removed: "display: flex," "align-items," "justify-content;"  added: "text-align: center"
- a: added: "text-decoration: none," "color: black"
- article: removed: "align-items: center"

Author: CraigStodd

Wireframe/index.html

@@ -28,7 +28,9 @@ <h2>Wireframe</h2>
       In essence, a wireframe is the architectural "blueprint" of a web document.
     </p>
 
-        <a href="https://www.figma.com/resource-library/what-is-wireframing/">Read more</a>
+        <a href="https://www.figma.com/resource-library/what-is-wireframing/">
+          READ MORE
+        </a>
       </article>
 
       <article>
@@ -60,7 +62,10 @@ <h2>README</h2>
           <p>
             README files are commonly written in Markdown (.md), plaintext format.
           </p>
-        <a href="https://www.makeareadme.com/">Read more</a>
+
+        <a href="https://www.makeareadme.com/">
+          READ MORE
+        </a>
       </article>
 
       <article>
@@ -94,7 +99,7 @@ <h2>Git Branches</h2>
         </p>  
 
         <a href="https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches">
-          Read more
+          READ MORE
         </a>
       </article>
     </main>

Wireframe/style.css

@@ -21,7 +21,7 @@ As well as useful links to learn more */
   --ink: color-mix(in oklab, var(--color) 5%, black);
   --font: 100%/1.5 system-ui;
   --space: clamp(6px, 6px + 2vw, 15px);
-  --line: 1px solid;
+  --line: 2px solid;
   --container: 1280px;
 }
 /* ====== Base Elements ======
@@ -33,20 +33,21 @@ body {
 }
 a {font-family: Arial;
   font-weight: 600;
+  text-decoration: none;
+  color: black;
   padding: var(--space);
   border: var(--line);
   max-width: fit-content;
 }
 img,
-svg {
+svg { margin: auto;
   width: 100%;
   object-fit: cover;
-
 }
 
 /* ====== Text Formatting ===== */
 
-h1, h2 {
+h1, h2, a {
   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
 }
 p, ul{ 
@@ -63,16 +64,10 @@ main {
   margin: 0 auto calc(var(--space) * 4) auto;
 }
 
-header {
-  display: flex;
-  justify-content:center;
-  align-items: center;
+header {text-align: center;
 }
 
-footer {
-  display: flex;
-  justify-content: center;
-  align-items: center;
+footer {text-align: center;
   font-weight: 700;
   border-top-style: solid;
 }