From 5d7a8410cdc2c40722eb6cf624c6735310f7f297 Mon Sep 17 00:00:00 2001 From: Vitalii Kmit Date: Sat, 16 May 2026 08:54:30 +0100 Subject: [PATCH 1/6] Center the header text --- Wireframe/style.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..e17d3a339 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -49,6 +49,11 @@ main { max-width: var(--container); margin: 0 auto calc(var(--space) * 4) auto; } + +header { + text-align: center; +} + footer { position: fixed; bottom: 0; From fd29b14ad9856d9bd34beca5bb228da1af1c1502 Mon Sep 17 00:00:00 2001 From: Vitalii Kmit Date: Sat, 16 May 2026 08:55:16 +0100 Subject: [PATCH 2/6] Add two more articles --- Wireframe/index.html | 22 ++++++++++++++++++++-- 1 file changed, 20 insertions(+), 2 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..2450b17c8 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,4 +1,4 @@ - + @@ -16,7 +16,25 @@

Wireframe

-

Title

+

What is a README?

+

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

+ Read more +
+
+ +

What's the purpose of a wireframe?

+

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

+ Read more +
+
+ +

What is a branch in Git?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, voluptates. Quisquam, voluptates. From 8247cf3b01f394653c15b20a21d7708799befdf2 Mon Sep 17 00:00:00 2001 From: Vitalii Kmit Date: Sat, 16 May 2026 09:08:20 +0100 Subject: [PATCH 3/6] Add border around the footer and remove fixed property --- Wireframe/style.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/Wireframe/style.css b/Wireframe/style.css index e17d3a339..dda6b4343 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -55,7 +55,9 @@ header { } footer { - position: fixed; + background-color: var(--paper); + border: var(--line); + bottom: 0; text-align: center; } From 3ef4c0bc866252087f48955b1fdc763526865d08 Mon Sep 17 00:00:00 2001 From: Vitalii Kmit Date: Sat, 16 May 2026 09:15:06 +0100 Subject: [PATCH 4/6] Fill out the page with information --- Wireframe/index.html | 23 ++++++++++++----------- 1 file changed, 12 insertions(+), 11 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 2450b17c8..4f544c450 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -8,9 +8,10 @@

-

Wireframe

+

Userful things to know as a software developer

- This is the default, provided code and no changes have been made yet. + This page explains a few things such as what is a README, the purpose of + a wireframe and how branches work in git.

@@ -18,8 +19,9 @@

Wireframe

What is a README?

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + A README is a file that describes things about a project on github. + And is usually the first thing that you have to read when contributing + to a new project.

Read more
@@ -27,8 +29,8 @@

What is a README?

What's the purpose of a wireframe?

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + Wireframes can be used to sketch a website. UX designers use them to + communicate their ideas about how the UI should be designed.

Read more @@ -36,16 +38,15 @@

What's the purpose of a wireframe?

What is a branch in Git?

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + A branch is a separate workspace that allows you to work on a feature + without touching the main projects code and then merge it to the main + branch once the feature is mature enough.

Read more
-

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

+

Made by Vitalii Kmit

From cbb5683e22f454b5310feaa18b0b48cee3635c63 Mon Sep 17 00:00:00 2001 From: Vitalii Kmit Date: Sat, 16 May 2026 10:40:36 +0100 Subject: [PATCH 5/6] Add links to articles --- Wireframe/index.html | 26 ++++++++++++++++++++------ 1 file changed, 20 insertions(+), 6 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 4f544c450..ae96ff9bd 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -16,33 +16,47 @@

Userful things to know as a software developer

- +

What is a README?

A README is a file that describes things about a project on github. And is usually the first thing that you have to read when contributing to a new project.

- Read more + Read more
- +

What's the purpose of a wireframe?

Wireframes can be used to sketch a website. UX designers use them to communicate their ideas about how the UI should be designed.

- Read more + Read more
- +

What is a branch in Git?

A branch is a separate workspace that allows you to work on a feature without touching the main projects code and then merge it to the main branch once the feature is mature enough.

- Read more + Read more