From 27f8757006a4ad2f08cac17cb35e5b0ac92f83fe Mon Sep 17 00:00:00 2001 From: mervereis Date: Mon, 2 Feb 2026 13:06:54 +0000 Subject: [PATCH] wireframe created --- Wireframe/index.html | 80 ++++++++++++++++++++++++++++---------------- Wireframe/style.css | 6 ++++ 2 files changed, 58 insertions(+), 28 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..08927aeee 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,33 +1,57 @@ - - - - Wireframe - - - -
-

Wireframe

+ + + + + Wireframe + + + + +
+

Wireframe

+

+ A basic blueprint for webpage +

+
+
+
+ +

What is the purpose of readme files?

- This is the default, provided code and no changes have been made yet. + A README file usually serves as the primary, high-level documentation for a + software project, dataset, or repository, + designed to help users and developers understand, install, and use the project

-
-
-
- -

Title

-

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

- Read more -
-
- - - + Read + more + + + + + + + \ No newline at end of file diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..1a90ac54b 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -31,6 +31,9 @@ body { color: var(--ink); font: var(--font); } +header { + text-align: center; +} a { padding: var(--space); border: var(--line); @@ -48,11 +51,14 @@ https://www.w3.org/WAI/tutorials/page-structure/regions/ main { max-width: var(--container); margin: 0 auto calc(var(--space) * 4) auto; + margin-bottom: 6rem; } footer { position: fixed; bottom: 0; text-align: center; + width: 100%; + background-color: white; } /* ====== Articles Grid Layout ==== Setting the rules for how articles are placed in the main element.