changes to the title alignment

Author: Ogbemi mene

Wireframe/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Wireframe - Exploring the Basics of Web Design</title>
     <meta name="description" content="An interactive engineering wireframe exploring fundamental web application building principles, README documentation structures, design mockups, and advanced Git version control branch strategies.">
-    <link rel="stylesheet" href="Untitled-1.css">
+    <link rel="stylesheet" href="style (2).css">
   </head>
   <body>
 
@@ -19,9 +19,7 @@ <h2>Exploring the Basics of Web Design</h2>
         <div class="image-wrapper">
           <img
             src="https://images.unsplash.com/photo-1555066931-4365d14bab8c?auto=format&fit=crop&w=600&q=80"
-            alt="An enterprise monitor display presenting bright development programming code" 
-            width="600"
-            height="400">
+            alt="An enterprise monitor display presenting bright development programming code" >
         </div>
         <div class="card-content">
           <h3>Purpose of a README File</h3>
@@ -41,10 +39,7 @@ <h3>Purpose of a README File</h3>
         <div class="image-wrapper">
           <img 
             src="https://images.unsplash.com/photo-1516035069371-29a1b244cc32?auto=format&fit=crop&w=600&q=80" 
-            alt="A clean DSLR camera lens reflecting a sprawling modern city silhouette" 
-            width="600"
-            height="400"
-            loading="lazy">
+            alt="A clean DSLR camera lens reflecting a sprawling modern city silhouette" >
         </div>
         <div class="card-content">
           <h3>Purpose of a Wireframe</h3>
@@ -59,14 +54,11 @@ <h3>Purpose of a Wireframe</h3>
         </div>
       </article>
 
-      <article class="card portrait-card">
+      <article class="card landscape-card">
         <div class="image-wrapper">
           <img
             src="https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1200&q=80"
-            alt="Bright spacious contemporary office hallway layout interior architecture" 
-            width="600"
-            height="400"
-            loading="lazy">
+            alt="Bright spacious contemporary office hallway layout interior architecture" >
         </div>
         <div class="card-content">
           <h3>What Is a Branch in Git?</h3>

Wireframe/Untitled-1.css Wireframe/style (2).cssWireframe/Untitled-1.css renamed to Wireframe/style (2).css

@@ -9,12 +9,12 @@ body {
   font-family: 'Georgia', serif;
   background-color: #f7f4eb;
   color: #1a1a1a;
-  /* WCAG AA High Contrast Compliant */
+  
   display: flex;
   flex-direction: column;
   min-height: 100vh;
   padding: 40px 20px 100px 20px;
-  /* Base padding offsets fixed footer footprint */
+
 }
 
 .page-header {
@@ -137,7 +137,7 @@ body {
   bottom: 0;
   left: 0;
   width: 100%;
-  background-color: #f7f4eb;
+  background-color: rgb(247, 245, 236);
   text-align: center;
   padding: 20px 0;
   box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.05);
@@ -147,7 +147,7 @@ body {
 .page-footer p {
   font-family: 'Arial', sans-serif;
   font-size: 0.85rem;
-  color: #555555;
+  color: rgb(85, 85, 85);
   font-weight: bold;
 }