diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..cd7fb59ec 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -8,25 +8,41 @@
+

Wireframe

-

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

+ Here are 3 useful links explaining useful aspects for Readme files, Purpose of Wireframes and what is a Branch of Git.

+
-
- -

Title

-

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

+ A black screen showing text from a readme file that has been opened +

Purpose of a Readme file

+

A Readme file is a file containing text that is often used to relay information to the user. +

+ Read more +
+
+ shetched images showing a plan for desnining a website, showing areas for an image, video player and other boxes for feature text and information. + +

Purpose of a Wireframe

+

A wireframe is normally an image that is used to show instructions on how a website is meant to be displayed. +

+ Read more +
+
+ Connection blue balls in a straight line starting from one called Master then connection to others with lined arrow, from First is extra arrow goign up to red balls labed Bugfix then back down to third blue ball, from 2nd blue ball extra arrow goes down to two green balls labed Feature then back to last blue ball. + +

A branch of Git

+

A Branch in git is a copy of the main folder where there has been edits or fixes done to in a controlled manner that can then be implemented to the main folder in due time.

- Read more + Read more
diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..c088026ff 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -49,10 +49,31 @@ main { max-width: var(--container); margin: 0 auto calc(var(--space) * 4) auto; } +header { + text-align:center; + max-width: fit-content; + margin-left: auto; + margin-right: auto; +} +h1 { + text-align:center; + font-size: 4em; + max-width: fit-content; + font-weight: bold; + font-family: 'Times New Roman', Times, serif; +} +#top-comment { + text-align:center; + margin-bottom: 20px; +} footer { position: fixed; bottom: 0; text-align: center; + color: white; + padding-top: 10px; + background-color: rgb(28, 77, 127); + width:100% } /* ====== Articles Grid Layout ==== Setting the rules for how articles are placed in the main element.