From 0902c84c7d3797255e1b511671e2ea5cf73b282e Mon Sep 17 00:00:00 2001
From: TaliaK
Date: Sat, 30 May 2026 13:08:48 +0100
Subject: [PATCH 01/11] added x for first acceptance criteria to test if this
is my branch
---
Wireframe/README.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/Wireframe/README.md b/Wireframe/README.md
index aa85ec80b..dcb4a542a 100644
--- a/Wireframe/README.md
+++ b/Wireframe/README.md
@@ -42,7 +42,7 @@ There are some provided HTML and CSS files you can use to get started. You can u
These practices reflect the level of quality expected in professional work.
They ensure your code is reliable, maintainable, and presents a polished, credible experience to users.
-- [ ] My HTML code has no errors or warnings when validated using https://validator.w3.org/
+- [x] My HTML code has no errors or warnings when validated using https://validator.w3.org/
- [ ] My code is consistently formatted
- [ ] My page content is free of typos and grammatical mistakes
- [ ] I commit often and push regularly to GitHub
From 3e5500e270c0025fce269ae15be1f048ccec06c6 Mon Sep 17 00:00:00 2001
From: TaliaK
Date: Sat, 30 May 2026 13:14:03 +0100
Subject: [PATCH 02/11] Revert "added x for first acceptance criteria to test
if this is my branch"
This reverts commit 0902c84c7d3797255e1b511671e2ea5cf73b282e.
---
Wireframe/README.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/Wireframe/README.md b/Wireframe/README.md
index dcb4a542a..aa85ec80b 100644
--- a/Wireframe/README.md
+++ b/Wireframe/README.md
@@ -42,7 +42,7 @@ There are some provided HTML and CSS files you can use to get started. You can u
These practices reflect the level of quality expected in professional work.
They ensure your code is reliable, maintainable, and presents a polished, credible experience to users.
-- [x] My HTML code has no errors or warnings when validated using https://validator.w3.org/
+- [ ] My HTML code has no errors or warnings when validated using https://validator.w3.org/
- [ ] My code is consistently formatted
- [ ] My page content is free of typos and grammatical mistakes
- [ ] I commit often and push regularly to GitHub
From c25a99fd3b0c6c3e1708e323369da6d9fdf0b071 Mon Sep 17 00:00:00 2001
From: TaliaK
Date: Tue, 2 Jun 2026 13:33:46 +0100
Subject: [PATCH 03/11] Added Header
---
Wireframe/index.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/Wireframe/index.html b/Wireframe/index.html
index 0e014e535..c031b256d 100644
--- a/Wireframe/index.html
+++ b/Wireframe/index.html
@@ -8,7 +8,7 @@
-
Wireframe
+
Exploring README Files, Wireframes and Git Branches
This is the default, provided code and no changes have been made yet.
Exploring README Files, Wireframes and Git Branches
-
-
Title
+
+
README Files
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
- voluptates. Quisquam, voluptates.
+ The purpose of a README file is to serve as the primary guide and entry point for a project,
+ dataset, or software. It communicates what the project does, how to install and use it,
+ how to contribute, and provides context so that others can easily understand or interact with the content.
In Git, a branch is essentially a lightweight, movable pointer to a specific commit in your
repository's history. Conceptually, it serves as an isolated, parallel workspace where
diff --git a/Wireframe/style.css b/Wireframe/style.css
index 2ab3a6e1e..53d800ad7 100644
--- a/Wireframe/style.css
+++ b/Wireframe/style.css
@@ -39,7 +39,6 @@ a {
img,
svg {
width: 100%;
- object-fit: cover;
height: 250px;
}
/* ====== Site Layout ======
From 05bf5233bdb0743a9dcf4115840d78e5378fd99b Mon Sep 17 00:00:00 2001
From: TaliaK
Date: Tue, 2 Jun 2026 14:08:57 +0100
Subject: [PATCH 09/11] centered header
---
Wireframe/style.css | 2 ++
1 file changed, 2 insertions(+)
diff --git a/Wireframe/style.css b/Wireframe/style.css
index 53d800ad7..909f663ed 100644
--- a/Wireframe/style.css
+++ b/Wireframe/style.css
@@ -26,6 +26,8 @@ As well as useful links to learn more */
}
/* ====== Base Elements ======
General rules for basic HTML elements in any context */
+
+ header {text-align: center}
body {
background: var(--paper);
color: var(--ink);
From 2df8da9f28459e0b9ea2c8eb85362309180b9642 Mon Sep 17 00:00:00 2001
From: TaliaK
Date: Tue, 2 Jun 2026 14:27:03 +0100
Subject: [PATCH 10/11] all requirements met - final version
---
Wireframe/index.html | 3 ++-
Wireframe/style.css | 3 ++-
2 files changed, 4 insertions(+), 2 deletions(-)
diff --git a/Wireframe/index.html b/Wireframe/index.html
index ad9d0fd0d..5081e6a7c 100644
--- a/Wireframe/index.html
+++ b/Wireframe/index.html
@@ -9,6 +9,7 @@
Exploring README Files, Wireframes and Git Branches
+
We will be looking at the purposes and benefits of README files, Wireframes and Git Branches
@@ -44,7 +45,7 @@
Git Branches
diff --git a/Wireframe/style.css b/Wireframe/style.css
index 909f663ed..037840c64 100644
--- a/Wireframe/style.css
+++ b/Wireframe/style.css
@@ -52,9 +52,10 @@ main {
margin: 0 auto calc(var(--space) * 4) auto;
}
footer {
- position: fixed;
bottom: 0;
text-align: center;
+ width:100%;
+ padding: var(--space);
}
/* ====== Articles Grid Layout ====
Setting the rules for how articles are placed in the main element.
From 260af683e7add5102fba59b361fabc6660358c33 Mon Sep 17 00:00:00 2001
From: TaliaK
Date: Tue, 2 Jun 2026 14:28:12 +0100
Subject: [PATCH 11/11] formatted code with prettier
---
Wireframe/index.html | 73 ++++++++++++++++++++++++++++----------------
Wireframe/style.css | 6 ++--
2 files changed, 50 insertions(+), 29 deletions(-)
diff --git a/Wireframe/index.html b/Wireframe/index.html
index 5081e6a7c..990bf94bf 100644
--- a/Wireframe/index.html
+++ b/Wireframe/index.html
@@ -1,4 +1,4 @@
-
+
@@ -9,44 +9,63 @@
Exploring README Files, Wireframes and Git Branches
-
We will be looking at the purposes and benefits of README files, Wireframes and Git Branches
+
+ We will be looking at the purposes and benefits of README files,
+ Wireframes and Git Branches
+
-
+
README Files
- The purpose of a README file is to serve as the primary guide and entry point for a project,
- dataset, or software. It communicates what the project does, how to install and use it,
- how to contribute, and provides context so that others can easily understand or interact with the content.
+ The purpose of a README file is to serve as the primary guide and
+ entry point for a project, dataset, or software. It communicates what
+ the project does, how to install and use it, how to contribute, and
+ provides context so that others can easily understand or interact with
+ the content.
The primary purpose of a wireframe is to act as a visual blueprint.
- It establishes the basic structure, content placement, and core
- functionality of a digital product before visual design and coding begin.
-
+ The primary purpose of a wireframe is to act as a visual blueprint. It
+ establishes the basic structure, content placement, and core
+ functionality of a digital product before visual design and coding
+ begin.
+
- In Git, a branch is essentially a lightweight, movable pointer to a specific commit in your
- repository's history. Conceptually, it serves as an isolated, parallel workspace where
- you can develop new features, fix bugs, or experiment without affecting the stable "main" code.
-
+ In Git, a branch is essentially a lightweight, movable pointer to a
+ specific commit in your repository's history. Conceptually, it serves
+ as an isolated, parallel workspace where you can develop new features,
+ fix bugs, or experiment without affecting the stable "main" code.
+
+ Read more
diff --git a/Wireframe/style.css b/Wireframe/style.css
index 037840c64..5a096e11a 100644
--- a/Wireframe/style.css
+++ b/Wireframe/style.css
@@ -27,7 +27,9 @@ As well as useful links to learn more */
/* ====== Base Elements ======
General rules for basic HTML elements in any context */
- header {text-align: center}
+header {
+ text-align: center;
+}
body {
background: var(--paper);
color: var(--ink);
@@ -54,7 +56,7 @@ main {
footer {
bottom: 0;
text-align: center;
- width:100%;
+ width: 100%;
padding: var(--space);
}
/* ====== Articles Grid Layout ====