From 66c88bf659d78559f31b7d8a14664987a58b4322 Mon Sep 17 00:00:00 2001 From: Elisabeth-Matulian Date: Sat, 10 Jan 2026 14:47:26 +0000 Subject: [PATCH] Working with wareframe --- Wireframe/index.html | 75 ++++++++++++++++++++++++++++---------------- Wireframe/style.css | 7 ++++- 2 files changed, 54 insertions(+), 28 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..2ffe7caf3 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,33 +1,54 @@ - - - - Wireframe - - - -
-

Wireframe

+ + + + + Wireframe + + + + +
+

Key Web Development Concepts

+

+ Definitions of README files, Wireframes, and Git branches. +

+
+
+
+ +

What is a README file?

- This is the default, provided code and no changes have been made yet. + A README file is a document included in a project that explains what the project is about, how to set it up, and + how to use it. It helps other developers and users understand your work quickly.

-
-
-
- -

Title

-

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

- Read more -
-
- - - + Read more + +
+ +

What is a Branch in Git?

+

+ A branch in Git is a separate line of development in a project. It allows you to work on new features or fixes without affecting the main code. Once ready, the changes can be merged back into the main branch. +

+ Read more +
+ + + + + \ No newline at end of file diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..e480511ae 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -48,9 +48,9 @@ https://www.w3.org/WAI/tutorials/page-structure/regions/ main { max-width: var(--container); margin: 0 auto calc(var(--space) * 4) auto; + display: flex; } footer { - position: fixed; bottom: 0; text-align: center; } @@ -87,3 +87,8 @@ article { grid-column: span 3; } } + +header { + text-align: center; +} +