fixed header css

Author: Enice-Codes

Wireframe/Classroom Wireframe.jpg Wireframe/Classroom.jpgWireframe/Classroom Wireframe.jpg renamed to Wireframe/Classroom.jpg

@@ -18,7 +18,7 @@ <h1>Wireframe</h1>
 
     <main>
       <article>
-        <img src="mokey.jpg" alt="image of an upside down monkey" />
+        <img src="monkey.jpg" alt="Image of an upside down monkey" />
         <h2>What is a README File?</h2>
         <p>
           A README file provides information about a project, including its
@@ -30,7 +30,7 @@ <h2>What is a README File?</h2>
       </article>
 
       <article>
-        <img src="bird.jpg" alt="An image of a  black bird" />
+        <img src="bird.jpg" alt="An image of a black bird" />
         <h2>What is a Wireframe?</h2>
         <p>
           A wireframe is a visual guide that helps designers and developers plan
@@ -42,10 +42,7 @@ <h2>What is a Wireframe?</h2>
       </article>
 
       <article>
-        <img
-          src="Classroom  Wireframe.jpg"
-          alt="an image of a glass building"
-        />
+        <img src="Classroom.jpg" alt="an image of a glass building" />
         <h2>What is a Git Branch?</h2>
         <p>
           A Git branch allows developers to work on new features or fixes

Wireframe/index.html

@@ -52,6 +52,15 @@ main {
   max-width: var(--container);
   margin: 0 auto calc(var(--space) * 4) auto;
 }
+header {
+  text-align: center;
+  margin-bottom: calc(var(--space) * 2);
+}
+
+header p {
+  max-width: 600px;
+  margin: 0 auto;
+}
 footer {
   position: fixed;
   bottom: 0;