diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..ae5a9ec9f 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,4 +1,4 @@ - + @@ -10,24 +10,83 @@

Wireframe

- This is the default, provided code and no changes have been made yet. + Articles are a great way to share information and ideas with others. + They can be used to educate, inform, or entertain readers on a wide + range of topics. Whether you're writing about current events, + technology, health, or any other subject, articles provide a platform + for you to express your thoughts and insights. With the right research + and writing skills, you can create engaging and informative articles + that resonate with your audience and contribute to meaningful + discussions. .These articles have beeen selected to explain the purpose + of Read me file, Wireframe and Branch in Git.

- -

Title

+ Wireframe Design +

Purpose of Readme file

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + The purpose of a README file is to serve as the primary guide and + quick-start manual for a project. Placed at the root of a folder or + repository, it explains what the project does, how to install and use + it, and how others can contribute.

- Read more + Read more +
+ +
+ Readme file example +

Purpose of Wireframe

+

+ A wireframe is a basic, two-dimensional visual representation of a web + page, app interface, or product layout. You can think of it as a + low-fidelity, functional sketch. Product designers and UX (user + experience) professionals draw up wireframes to communicate how they + plan to arrange and prioritize features, and how they intend for users + to interact with its product or website.Wireframes typically depict + only functionality, not the true style and visual elements of the + final product. It's why most wireframes look simple: grayscale instead + of colors, placeholders for images, and Lorem Ipsum for text. +

+ Read more +
+ +
+ Git Branch Visual Graph +

Purpose of Branch

+

+ Branches allow you to develop features, fix bugs, or safely experiment + with new ideas in a contained area of your repository. You always + create a branch from an existing branch. Typically, you might create a + new branch from the default branch of your repository. +

+ Read more
+ diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..6688900f2 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -53,6 +53,10 @@ footer { position: fixed; bottom: 0; text-align: center; + border-top: var(--line); + width: 100%; + background: var(--paper); + padding: var(--space); } /* ====== Articles Grid Layout ==== Setting the rules for how articles are placed in the main element. @@ -69,6 +73,14 @@ main { grid-column: span 2; } } + +h1 { + text-align: center; +} +header p { + text-align: center; +} + /* ====== Article Layout ====== Setting the rules for how elements are placed in the article. Now laying out just the INSIDE of the repeated card/article design.