From 3afdf06414b03722f180dadf5e5b853ac627a246 Mon Sep 17 00:00:00 2001 From: Victoria Scott Date: Tue, 3 Jun 2025 15:32:14 +0100 Subject: [PATCH 1/5] changes to titles, summary text and links --- Wireframe/index.html | 25 +++++++++++++++++++++---- 1 file changed, 21 insertions(+), 4 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..e17737bd3 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -16,12 +16,29 @@

Wireframe

-

Title

+

What is the purpose of a README file?

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + A README file serves as a crucial piece of documentation for any software project, providing essential information to users, developers, and contributors. It typically outlines what the project does, why it's useful, how to get started, and where to seek help. Essentially, it acts as a welcome guide, making it easier for anyone to understand and interact with the project.

- Read more + Read more +
+ +
+ +

What is the purpose of a wireframe?

+

+ The primary purpose of a wireframe is to outline the basic structural design and user experience of a website or application before any detailed design work is done. It's a visual representation of the layout, content, and functionality, helping designers, developers, and stakeholders understand the overall structure and flow. +

+ Read more +
+ +
+ +

What is a branch in Git?

+

+ A branch in Git is simply a lightweight movable pointer to one of these commits. The default branch name in Git is master . As you start making commits, you're given a master branch that points to the last commit you made. Every time you commit, the master branch pointer moves forward automatically. +

+ Read more
diff --git a/Wireframe/style.css b/Wireframe/style.css index 1c5961b2b..7458296be 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -23,11 +23,39 @@ a { border: var(--line); max-width: fit-content; } -img, +img, src svg { width: 100%; + height: 100%; object-fit: cover; } + +.fixed-height { + height: 250px; + width: 100%; + object-fit: cover; +} + +.side-by-side { + display: flex; + gap: 20px; + justify-content: center; + flex-wrap: wrap; + margin-top: 20px; +} + +.side-by-side article { + flex: 1 1 400px; + max-width: 450px; +} + +.article-img { + width: 100%; + height: 250px; + object-fit: cover; + display: block; + margin-bottom: 1rem; +} /* ====== Site Layout ====== Setting the overall rules for page regions https://www.w3.org/WAI/tutorials/page-structure/regions/ From 591d84fd661ca8955ed6b931889c0733003ae503 Mon Sep 17 00:00:00 2001 From: Victoria Scott Date: Sat, 7 Jun 2025 23:12:12 +0100 Subject: [PATCH 5/5] Formatted long text --- Wireframe/index.html | 68 +++++++++++++++++++++++++------------------- 1 file changed, 39 insertions(+), 29 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index c408565d6..f240597eb 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,13 +1,15 @@ - - - - Wireframe - - - -
+ + + + + Wireframe + + + + +

Module-Onboarding Project

@@ -16,46 +18,54 @@

Module-Onboarding Project

- image example of a README file + image example of a README file

What is the purpose of a README file?

- A README file serves as a crucial piece of documentation for any - software project, providing essential information to users, - developers, and contributors. It typically outlines what the project - does, why it's useful, how to get started, and where to seek help. - Essentially, it acts as a welcome guide, making it easier for anyone - to understand and interact with the project. + A README file serves as a crucial piece of documentation for any + software project, providing essential information to users, + developers, and contributors. It typically outlines what the project + does, why it's useful, how to get started, and where to seek help. + Essentially, it acts as a welcome guide, making it easier for anyone + to understand and interact with the project.

- Read more + Read + more
- image example of a wireframe + image example of a wireframe

What is the purpose of a wireframe?

- The primary purpose of a wireframe is to outline the basic structural design and user experience of a website or application before any detailed design work is done. It's a visual representation of the layout, content, and functionality, helping designers, developers, and stakeholders understand the overall structure and flow. + The primary purpose of a wireframe is to outline the basic structural design and user experience of a website + or application before any detailed design work is done. It's a visual representation of the layout, content, + and functionality, helping designers, developers, and stakeholders understand the overall structure and flow.

Read more
- image example of a branch in Git + image example of a branch in Git

What is a branch in Git?

- A branch in Git is simply a lightweight movable pointer to one of these commits. The default branch name in Git is master. As you start making commits, you're given a master branch that points to the last commit you made. Every time you commit, the master branch pointer moves forward automatically. + A branch in Git is simply a lightweight movable pointer to one of these commits. The default branch name in + Git is master. As you start making commits, you're given a master branch that points to the last commit you + made. Every time you commit, the master branch pointer moves forward automatically.

- Read more + Read + more
- - + + + \ No newline at end of file