From d4a0768e4893ee3d487247e8cacdb22e25079474 Mon Sep 17 00:00:00 2001 From: adedolapo Date: Wed, 4 Feb 2026 00:36:38 +0000 Subject: [PATCH 1/6] made the added chnages as per instructions --- Wireframe/index.html | 45 ++++++++++++++++++++++++++++++++++---------- 1 file changed, 35 insertions(+), 10 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..91fa6e44b 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -8,26 +8,51 @@
-

Wireframe

+

+
Wireframe
+

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

An article about webpages and their purpose

- -

Title

+ an image depicting wireframe + + +

READme

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

+ The purpose of a READme file is to provide information about a project, including how to instructions and tasks to be done. + Read more
+
+ an image depicting wireframe + + +

Wireframe

+

+ A wireframe is a visual guide that represents the skeletal framework of a website or application, outlining the layout and structure of its content and functionality. + + Read more +

+
+ an image depicting wireframe + + +

Git branch

+

A branch in a git, is a perosnal workspace to work on tasks independently.

+ + Read more +
- + + + From 2ad1c3a8161188a90e55f9f86a429bcd40816a63 Mon Sep 17 00:00:00 2001 From: adedolapo Date: Wed, 4 Feb 2026 00:51:08 +0000 Subject: [PATCH 2/6] made the added changes as per instructions From 1e15b2b1f8ff09a549c81b979088c20feae23b8d Mon Sep 17 00:00:00 2001 From: adedolapo Date: Sat, 7 Feb 2026 15:53:12 +0000 Subject: [PATCH 3/6] Refactor HTML structure and enhance CSS styles for better layout and readability --- Wireframe/index.html | 92 ++++++++++++++++++++++---------------------- Wireframe/style.css | 10 ++++- 2 files changed, 56 insertions(+), 46 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 91fa6e44b..7ba22cf40 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,58 +1,60 @@ - - - - Wireframe - - - -
-

-
Wireframe
-

-

-

An article about webpages and their purpose
-

-
-
-
- an image depicting wireframe - - -

READme

-

- The purpose of a READme file is to provide information about a project, including how to instructions and tasks to be done. - Read more -

-
- an image depicting wireframe + + + + Wireframe + + + + +
+

+ Wireframe +

+

+ An article about webpages and their purpose +

+
+
+
+ an image depicting wireframe - -

Wireframe

-

- A wireframe is a visual guide that represents the skeletal framework of a website or application, outlining the layout and structure of its content and functionality. + +

READme

+

+ The purpose of a READme file is to provide information about a project, including how to instructions and tasks + to be done. Read more -

-
+
+ +
an image depicting wireframe - -

Git branch

-

A branch in a git, is a perosnal workspace to work on tasks independently.

- - Read more +

Wireframe

+

A wireframe is a visual guide that represents the skeletal framework of a website or application, outlining the + layout and structure of its content and functionality.

-
-
+ +
+ an image depicting wireframe +

Git branch

+

A branch in a git, is a perosnal workspace to work on tasks independently.

-

Adedolapo January 2026
-

- - + Read more +
+
+ if you have any questions follow this link to my Wireframe - +

+ Adedolapo January 2026 +

+
+ \ No newline at end of file diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..ccd7c0083 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -49,8 +49,16 @@ main { max-width: var(--container); margin: 0 auto calc(var(--space) * 4) auto; } +header { + text-align: center; + width: 100%; +} +p { + margin: var(--space) 0; + text-align: center; +} + footer { - position: fixed; bottom: 0; text-align: center; } From a963471969a3d83d9266e51e55d9f813b0998251 Mon Sep 17 00:00:00 2001 From: adedolapo Date: Sun, 8 Feb 2026 20:04:52 +0000 Subject: [PATCH 4/6] Update index.html and style.css for improved content structure and styling --- Wireframe/index.html | 9 +++++---- Wireframe/style.css | 3 ++- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 7ba22cf40..c4f9c9e83 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -26,13 +26,14 @@

READme

The purpose of a READme file is to provide information about a project, including how to instructions and tasks to be done. - +

+
Read more +
an image depicting wireframe -

Wireframe

A wireframe is a visual guide that represents the skeletal framework of a website or application, outlining the layout and structure of its content and functionality.

@@ -47,11 +48,11 @@

Git branch

A branch in a git, is a perosnal workspace to work on tasks independently.

Read more - +