diff --git a/Wireframe/Branch.png b/Wireframe/Branch.png new file mode 100644 index 000000000..c9162048c Binary files /dev/null and b/Wireframe/Branch.png differ diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..4f617fe3b 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -8,25 +8,38 @@
-

Wireframe

-

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

+

Wireframe Coursework

- -

Title

+ placeholder image +

Purpose of ReadME

+

+ Read me provides a quick overview of what the project sets to achieve, the likely uses and the guidelines of how others can contribute. +

+ Read more +
+
+ Wireframe image +

Purpose of Wireframe

+

+ Wireframe serves as a foundational blueprint or mental image of a product, it has numerous functions and most importantly wireframe is often used in the early stages of web or app development to prevent future, costly redesigns. +

+ Read more +
+
+ +

What is a branch in Git

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + A branch represents an independent line of development in a Git repository, allowing multiple developers to work on different features or bug fixes simultaneously without affecting the main codebase until changes are ready to be merged.

Read more
+ diff --git a/Wireframe/placeholder 2.png b/Wireframe/placeholder 2.png new file mode 100644 index 000000000..f2db4d7b9 Binary files /dev/null and b/Wireframe/placeholder 2.png differ diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..4bc0a5d88 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -1,16 +1,16 @@ /* Here are some starter styles You can edit these or replace them entirely -It's showing you a common way to organise CSS +It's showing you a common way to organize CSS And includes solutions to common problems As well as useful links to learn more */ /* ====== Design Palette ====== This is our "design palette". - It sets out the colours, fonts, styles etc to be used in this design + It sets out the colors, fonts, styles etc to be used in this design At work, a designer will give these to you based on the corporate brand, but while you are learning You can design it yourself if you like Inspect the starter design with Devtools - Click on the colour swatches to see what is happening + Click on the color swatches to see what is happening I've put some useful CSS you won't have learned yet For you to explore and play with if you are interested https://web.dev/articles/min-max-clamp @@ -31,6 +31,9 @@ body { color: var(--ink); font: var(--font); } +h1{ + text-align: center; +} a { padding: var(--space); border: var(--line);