From 3aad5d9a7557a5ba15b736d614281c3699417919 Mon Sep 17 00:00:00 2001 From: Darkidd77 Date: Sat, 24 Jan 2026 15:39:25 +0000 Subject: [PATCH] Update index.html and style.css for GitHub Learning project - Changed the main header title to "Github Learning" and updated the introductory text. - Added a new section with articles explaining GitHub, including images and descriptions for "What is GitHub?", "Branching", and "Commits". - Updated the footer text to reflect copyright for 2026. --- Wireframe/index.html | 33 ++++++++++++++++++++++++++------- Wireframe/style.css | 10 +++++++++- 2 files changed, 35 insertions(+), 8 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..33113be15 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -8,25 +8,44 @@
-

Wireframe

+

Github Learning

- This is the default, provided code and no changes have been made yet. + Learning resources and tutorials for GitHub.

+
+
+ picture shows GitHub logo +

What is GitHub?

+

+ GitHub is a code hosting platform for version control and collaboration. + It lets you and others work together on projects from anywhere. +

+ Read more +
+
- -

Title

+ picture shows Github Branching +

Branching

+

+ Branching allows you to create separate lines of development within a repository. +

+ Read more +
+
+ pictures shows Github commits and staging +

Commits

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + A commit is a snapshot of your repository at a specific point in time.

Read more
+
diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..041ed492d 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -31,6 +31,11 @@ body { color: var(--ink); font: var(--font); } +header { + text-align: center; + padding: calc(var(--space) * 2) 0; +} + a { padding: var(--space); border: var(--line); @@ -53,6 +58,9 @@ footer { position: fixed; bottom: 0; text-align: center; + width: 100%; + background: var(--paper); + } /* ====== Articles Grid Layout ==== Setting the rules for how articles are placed in the main element. @@ -86,4 +94,4 @@ article { > img { grid-column: span 3; } -} +} \ No newline at end of file