diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..968ab57fc 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -10,23 +10,53 @@

Wireframe

- This is the default, provided code and no changes have been made yet. + This webpage explains the purpose of README files, wireframes, and Git branches in web development.

- -

Title

+ +

What is the purpose of a README file?

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + + A README file explains what a project is, how to install it, and how to use it. + It helps developers understand the project quickly and provides important instructions. +

- Read more + Read more
+
+ +

What is the purpose of a wireframe?

+

+ + A wireframe is a simple visual plan of a webpage. + +It shows the layout and structure before the website is built, helping designers and developers organise content. + +

+ Read more +
+ +
+ +

What is a branch in Git?

+ + +

+ A Git branch allows developers to work on new features without changing the main version of a project. + Changes can be tested and merged later when they are ready. +

+ + + Read more +
+ +
diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..42582fad2 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -48,11 +48,17 @@ https://www.w3.org/WAI/tutorials/page-structure/regions/ main { max-width: var(--container); margin: 0 auto calc(var(--space) * 4) auto; + padding-bottom: 80px; } footer { position: fixed; bottom: 0; + left: 0; + width: 100%; text-align: center; + background-color: white; + padding: 10px; + } /* ====== Articles Grid Layout ==== Setting the rules for how articles are placed in the main element.