From 9ec1f6d3e2e067a914e319891f21c254777e0a33 Mon Sep 17 00:00:00 2001 From: Khulani0 Date: Thu, 5 Feb 2026 00:27:31 +0200 Subject: [PATCH 1/2] Revise index.html with new layout and content Updated the HTML structure with new header, main content, and articles. --- Wireframe/index.html | 52 +++++++++++++++++++++++++------------------- 1 file changed, 30 insertions(+), 22 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..ee804f8e3 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -7,27 +7,35 @@ -
-

Wireframe

-

- This is the default, provided code and no changes have been made yet. -

-
-
-
- -

Title

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. -

- Read more -
-
- +
+

Page Title

+

And short description

+
+
+
+ Placeholder image +

Article Title

+

Article summary

+ Read more +
+
+
+ Placeholder image +

Article Title

+

Article summary

+ Read more +
+ +
+ Placeholder image +

Article Title

+

Article summary

+ Read more +
+
+ +
+ + From 276f6f1e5fe8a16a87defa1d646efe8b669f8bfe Mon Sep 17 00:00:00 2001 From: Khulani0 Date: Thu, 5 Feb 2026 01:24:27 +0200 Subject: [PATCH 2/2] Add header styling to center and space out Add header styles for alignment and margin. --- Wireframe/style.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..42ad71911 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -31,15 +31,25 @@ body { color: var(--ink); font: var(--font); } +header { + text-align: center; + margin-bottom: calc(var(--space) * 2); +} + a { padding: var(--space); border: var(--line); max-width: fit-content; + text-decoration: none; + display: inline-block; + } img, svg { width: 100%; + height: 240px; object-fit: cover; + display: block; } /* ====== Site Layout ====== Setting the overall rules for page regions